使用Ext的Grid,Form,Dialog来实现分页列表,创建,修改,删除功能.docxVIP

使用Ext的Grid,Form,Dialog来实现分页列表,创建,修改,删除功能简介:这篇文章将告诉你如何使用Ext中的Grid,Form,Dialog来实现列表,创建,更新,删除,查找和分页功能签于现在网上多数的Form的例子都多数是描述前台UI的,而没有对与服务端通讯的部分,故参考EXTJS的一个指南,写下此文,希望能对大家有所帮助. 在WEB 应用中,大部分的页面都可以被分为:列表,创建,读取,更新,删除.在Ext的文档中心提供了一个非常好的例子,一个行内编辑的表格.然而,在现实中,行 内编辑的表格是远远不够的,还需要用不同的方式来展示表单.下面的例子中向你展示如何在表格中创建/更新一个对话框表单.列表功能首先是是一个权限列表页,它包含分页,查询/过滤功能,创建和删除功能.先定义数据源:this.ds = new Ext.data.Store({??????????????????? proxy : new Ext.data.HttpProxy({ url : /wit/data.shtml }), ///wit/data.shtml 一个读取数据列表的Action??????????????????? reader : new Ext.data.JsonReader({ //使用JSON传输入数据??????????????????????? root : roleList,??????????????????????? totalProperty : totalCount,??????????????????????? id : id??????????????????? },??????????????????? // 定义字段映射??????????????????? [??????????????????????? {??????????????????????????? name : id,??????????????????????????? mapping : id,??????????????????????????? type : string??????????????????????? },??????????????????????? {??????????????????????????? name : name,??????????????????????????? mapping : name,??????????????????????????? type : string??????????????????????? },??????????????????????? {??????????????????????????? name : description,??????????????????????????? mapping : description,??????????????????????????? type : string??????????????????????? },??????????????????????? {??????????????????????????? name : createDate,??????????????????????????? mapping : createDate,??????????????????????????? type : string},??????????????????????? {??????????????????????????? name : updateDate,??????????????????????????? mapping : updateDate,??????????????????????????? type : string??????????????????????? }??????????????????? ]),??????????????????? remoteSort : true??????????????? });??????????????? this.ds.load({ params:{ start : 0, limit : 20 } }); 指定数据的来源位置,解析的方式,以及字段的映射. 接下来是表格中表头的定义,匹配上面的字段: this.cm = new Ext.grid.ColumnModel([??????????????????? {??????????????????????? header : #,??????????????????????? dataIndex : id,??????????????????????? width : 30,?