ExtJs学习分享.ppt

Ext JS开发框架学习分享;;;Ext框架简介;Ext框架简介;Ext框架简介;Ext框架简介;Ext框架简介;adapter ：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。 build ：压缩后的ext全部源码(里面分类存放)。 docs ： API帮助文档。 exmaples：提供使用ExtJs技术做出的小实例。 resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。 source ：无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL） 开源的协议。 ext-all.js ：压缩后的Ext全部源码。 ext-all-debug.js ：无压缩的Ext全部的源码(用于调试)。 ext-core.js ：压缩后的Ext的核心组件，包括sources/core下的所有类。 ext-core-debug.js ：无压缩Ext的核心组件，包括sources/core下的所有类。 ;怎样搭建EXT运行环境及开发环境;ext树及其输入框等组建示例程序;ext树及其输入框等组建示例程序;ext树及其输入框等组建示例程序;ext树及其输入框等组建示例程序;ext树及其输入框等组建示例程序;ext树及其输入框等组建示例程序;ext树及其输入框等组建示例程序;;Ext类库简介;Ext类库简介;Ext类库简介;Ext类库简介;;Ext入门基础;Ext入门基础;Ext入门基础;Ext入门基础;Ext.Element占Ext Core库的篇幅很大，其中方法就占据了大部份。因此我们将这些方法可分为下面几类： DOM查询或遍历（如query、select、findParent） CSS（如setStyle、addClass） DOM操控（如createChild、remove） 方位、尺寸（如getHeight、getWidth） ;DOM查询;DOM查询----Ext.query与Ext.select;DOM查询---- DomQuery详解;DOM查询---- DomQuery详解;DOM查询---- DomQuery详解;DOM查询---- DomQuery详解;操纵CSS;操纵CSS;操纵DOM;操纵DOM- - - -DOMHepler配置项;尺寸大小;定位;动画;事件;高级事件;高级事件;高级事件;AJAX;AJAX;AJAX;;Ext组件简介;Ext组件简介;Ext组件简介;;Ext组件的应用;Ext.FormPanel;Ext.FormPanel;Ext.FormPanel;Ext.Window;Ext.grid.GridPanel;Ext.grid.GridPanel;首先，一个表格应该有列定义，即定义表头ColumnModel：// 定义一个ColumnModel，表头中有四列var cm = new Ext.grid.ColumnModel([???? {header:编号,dataIndex:id},???? {header:性别,dataIndex:sex},???? {header:名称,dataIndex:name},???? {header:描述,dataIndex:descn}]); cm.defaultSortable = true;??? 该ColumnModel定义了表格的四个列，其每列的名称和对应的数据键。请注意defaultSortable属性，即为每个列都安上一个可以排序的功能。如果只想某些列举有该功能，可以设置：{header:编号,dataIndex:id,Sortable:true};Ext.grid.GridPanel;Ext.grid.GridPanel;Ext.grid.GridPanel;;Accordion布局;BorderLayout局;CardLayout布局;ColumnLayout布局;FitLayout布局;FormLayout布局;Ext界面中的布局;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext辅助函数;Ext代码调试的一些技巧;Thanks !