给大家介绍一下ExtJS的组件模型.

常见的Ajax的开发流程:

　　　　1.定义URL,metod,params

　　　　2.开发后台  接收JSON/XML数据 返回JSON/XML数据

　　　　3.前台回调

　　　　4.显示到页面(自己处理前后台的数据映射关系,同时与HTML进行绑定渲染)

javascript面向对象:

　　　　兼容:支持IE,Firefox,chrom,Opera,Safari等浏览器的DOM属性以及事件模型

　　　　重用:apply-复制属性 extends-复制属性建立组件关系 [call,apply都是给对象绑定作用域]

　　　　封装:基于CSS的selector或者基于xpath的Selector(不过本质都是基于xpath路径表达式的Node finder查找器)

ExtJS的组件模型:

　　　　1.定义代理组件 HttpProxy, MemoryProxy、ScriptTagProxy (后台服务的URL与Params cmd)

　　　　2.定义解析器   store recond recondType(映射字段表) (JSON或者XML前后端进行管理映射的一张表,同时可以制定映射的数据类型)

　　　　3.定义显示组件(grid,tree,combox)--组件与Store通过field进行映射

　　　　注:store = (proxy,reader) reader = (recondType) 这样就可以将他们之间联系起来.

ExtJS的组件模型的封装的参考就是java Swing的设计的模式进行设计，所以可以参考Swing的一些设计思想在里面。个人觉得就是组件的观察者模型。基于MVC进行设计。

其他的UI组件开发库:qooxdoo