w技术交流.doc

文档介绍：ExtJs简介
ExtJs历史简介
ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。
Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者,并为开发者屏蔽了大量跨浏览器方面的处理。EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。
Ext主要特点
界面绚丽
使用Ext做出来的界面看起来比较专业。
有一套渲染动画的方法(可以拖拽、随意更改window的大小、随意更改主题)
面向对象
ExtJs对Js进行了封装。对继承进行了很好的支持。下面是一些主要对象的继承模型。
可扩展
可以在ext的基础上继续开发。Ext像eclipse一样,使用plugin的方法使任何开发者进行扩展。
与具体开发平台无关
作为一套Js框架,后台可以是Java、.NET或者php。
Ext主要对象的介绍
GridPanel
GridPanel几乎是最吸引人的地方之一。很多人都是因为看中了ext的GridPanel才来应用Ext的。下面对GridPanel的特点进行一下介绍。下面是gridPanel的一些主要特点。
分页
多选
加号展开
列支持拖拽
对多列排序进行支持
异步加载(界面友好)
示例:http://localhost/ext-
http://localhost/ext--
FormPanel
最好的就是异步提交。可以防止重复提交。
示例:http://localhost/ext-
http://localhost/ext--
TreePanel
只用简单的几行代码就可以得到树。
GridPanel + Tree http://localhost/ext-
CheckboxTree http://localhost/ext--
ViewPort
这个对象就是页面。一个页面只能有一个viewport.
其他常用对象
Element, Ajax,boBox。
Ext布局介绍
Extjs的布局是一个很重要的概念,也是页面规划中比较复杂的一个内容。
常用有: Border区域布局,Column列布局,Form布局,Accordion布局。
Border布局:,布局名称为border。该布局把容器分成东南