关于大量数据查询、分页解决方案

来源:互联网 发布:shell脚本语言入门知乎 编辑:程序博客网 时间:2024/05/22 00:52
看到好多人问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:'text',id:'keywords', size:'12'});//添加了一个查询框

二、将查询区加入数据源(参照Ext实例),下面定义数据源的基本参数:
ds.on('beforeload', 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}});//正常分页参数
原创粉丝点击