现在同事们要求能自定义Grid中每页记录条数功能,由于项目一开始采用ext1.1,而只有ext2.0才PageSizePlugin,网上搜了一下没找着,只好自己动手了.
1.在分页工具栏(Ext.PagingToolba)上添加一个下拉菜单(Ext.form.ComboBox),选择每页记录条数.
//創建分頁數目的數據
var pageSizeStore = new Ext.data.SimpleStore({
fields: ['pageSizeValue','pageSizeItem'],
data : [[5,5],[10,10],[15,15],[20,20],[50,50]]
});
//创建选择每页数目的combox
var cmPageSize = new Ext.form.ComboBox({
store: pageSizeStore,
displayField:'pageSizeItem',
valueField:'pageSizeValue',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'10',
width:40,
selectOnFocus:true
});
//创建分页工具栏
var paging = new Ext.PagingToolbar(gridFoot, ds, {
pageSize: myPageSize,
displayInfo: true,
displayMsg: '共{2} 條結果. 當前 {0} - {1}',
emptyMsg: "0個結果"
});
//把cmPageSize添加到分页工具栏
paging.add('-','每頁',cmPageSize,'條記錄');
2.为cmPageSize的change事件添加响应代码,设置paging的pageSize值,让dataStore重新加载.
cmPageSize.on('change',function(e){
var myPageSize =e.getValue();
paging.pageSize=myPageSize;
ds.load({params:{start:0,limit:myPageSize}}); //ds为gird的dataStore
});
搞掂~ ^_^
- 描述: 我们在开发的鞋业订单处理系统
- 大小: 145 KB
分享到:
相关推荐
ext Gird 有滚动条功能 附带滚动条 重写原本EXT
可以通过下拉列表框选择每页的分页条数 主要用于动态选择分页表格每页显示记录的条数
本例采用PHP,json, sqlite,来显示一个EXT3.0的Grid,需要PHP环境,可以用xampp集成包。 部署后访问http://localhost/ExtSample/employee.php
全书一共22章:第1章简要介绍了学习ext js必备的基础知识、json、ext js 4的新特性,以及其开发工具的获取、安装与配置;第2章介绍了ext js 4的获取、ext js库的配置与使用、语法、本地化,以及一个经典的入门示例;...
ext grid 导出excel 代码实例
MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[]; for(var i = 0...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
可以在代码中动态为表格增加一列或者删除一列 ext gird AddRemovecolumn plugin
ext超酷的grid中放图片(ext3.2.1)
自己编写的EXT例子,grid、tree从数据库读取数据动态显示,并进行分页。可以动态更换主题,并存入cookies中。
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
表格Ext js gird源代码
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名...
ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名...
第二,授人以渔,宏观上对ext js的整体架构进行了分析,微观上则通过源代码深刻揭示了ext js的工作机制与原理,对于想了解ext js工作原理和在开发中碰到疑难问题的读者尤为有帮助。全书一共22章:第1章简要介绍了...
gird_layout.zip
ext + mvc combox tree grid layout
一个简单的ext java web项目 有gird form tree boder布局 如果有人觉的有用,会继续完善
ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名...