看到好多人问
grid的带查询框的
翻页问题,得到论坛newdongyuwei的帮助,解决了
分页的问题。下面讲一下解决办法。
一、在 grid的分布工具栏添加一下个查询框,先定义分页查询框(例子为定义在grid的pading栏)
var paging = new Ext.PagingToolbar(gridFoot, ds, {
pageSize: 25,
displayInfo: true,
displayMsg: '当前显示第 {0} - {1} 条,共 {2} 条',
emptyMsg: "记录为空"
});
paging.add('-',' 查询:');
paging.addDom({tag:'input', type:'t ext',id:'keywords', size:'12'});//添加了一个查询框
二、将查询区加入数据源(参照Ext实例),下面定义数据源的基本参数:
ds.on('before load', function() {
ds.baseParams = {
keywords:encodeURIComponent(Ext.get('keywords').dom.value)
};
});//每次load之前就。。。
三、正常分页
ds.load({params:{start:0, limit:pageSize}});//正常分页参数
ds.on('beforeload', function() {
ds.baseParams = {
keywords:encodeURIComponent(keywords)
};
});//每次load之前就。。。
ds.load({params:{start:0, limit:pageSize}});//正常分页参数
一、在 grid的分布工具栏添加一下个查询框,先定义分页查询框(例子为定义在grid的pading栏)
var paging = new Ext.PagingToolbar(gridFoot, ds, {
pageSize: 25,
displayInfo: true,
displayMsg: '当前显示第 {0} - {1} 条,共 {2} 条',
emptyMsg: "记录为空"
});
paging.add('-',' 查询:');
paging.addDom({tag:'input', type:'t ext',id:'keywords', size:'12'});//添加了一个查询框
二、将查询区加入数据源(参照Ext实例),下面定义数据源的基本参数:
ds.on('before load', function() {
ds.baseParams = {
keywords:encodeURIComponent(Ext.get('keywords').dom.value)
};
});//每次load之前就。。。
三、正常分页
ds.load({params:{start:0, limit:pageSize}});//正常分页参数
ds.on('beforeload', function() {
ds.baseParams = {
keywords:encodeURIComponent(keywords)
};
});//每次load之前就。。。
ds.load({params:{start:0, limit:pageSize}});//正常分页参数