Ext JS 3.0前端框架

Ext JS 3.0 的组件系统和事件机制,是真的老派又实用。UI 组件多,功能还挺强,一套框架能搞定布局、交互、数据,写起来省心不少。尤其是那个类,操作 DOM 挺顺手,还能链式调用,看着就清爽。

Element 的 DOM 操作也方便,像Ext.get('someId')Ext.query('.className')这种选择器用法和 jQuery 差不多,挺容易上手。批量获取、事件绑定也一把梭,响应也快,开发效率上去了。

组件方面,Widgets是个大亮点,像GridTabPanelMessageBox这类 UI 控件都写得比较成熟,基本上拖进来配点参数就能跑,做个后台管理界面合适。

想做异步求?Ext.Ajax就派上用场了,接口设计得还不错,用法清晰,成功失败都有回调,写起来不费脑子:

Ext.Ajax.request({
  url: 'some-url',
  params: { param1: 'value1' },
  success: function(response) {
    console.log('成功拿到数据');
  },
  failure: function(response) {
    console.log('求失败');
  }
});

源码这块也不复杂,想看清底层逻辑,可以从Ext.ElementExt.DataView这些核心模块下手。再结合下作用域和组件模式的理解,自己定制点小组件也没啥问题。

项目结构、组件设计这些,建议你一开始就规划好,像样式文件、JS 逻辑、资源路径分开管理,后期维护会轻松不少。再加点测试和调试手段,整个项目跑得就比较稳了。

,Ext JS 3.0 不算新潮,但架构清晰、组件齐全,适合需要稳定后台框架的你。如果你还不太熟事件机制,可以看看跨浏览器事件这篇文章,也挺有的。

doc 文件大小:1002.5KB