livesearchgridpanel上的pagingtoolbar问题

时间:2012-10-18 14:24:59

标签: javascript html5 extjs4.1 livesearch

我正在尝试在我的livesearchgridpanel上设置一个分页工具栏。我通过Httpproxy获取数据,所以这是我的商店:

tempStore = new Ext.data.Store
    ({
        groupField     : default_groupby_s,
        model          : 'reportWorkspace',
        allowFunctions : true,
        autoSync       : false,
        pageSize       : 20,
        autoLoad       : true,
        remoteSort     : false,
        proxy          : new Ext.data.HttpProxy
        ({
            url           : url_s,
            actionMethods : 
            {
                read : 'POST'
            },
            reader        : 
            {
                type            : 'json',
                root            : 'workspace_report',
                successProperty : 'success'
            }
        })
    });
return tempStore ;
}

这是我的pagingtoolbar,它将包含在我的LivesearchgridPanel中:

{
    xtype: 'pagingtoolbar',
    store: tempStore ,   
    dock: 'bottom',
    pageSize:20,
    displayInfo: true
}

问题是,pagingtoolbar正确显示页面,但在我的网格中,它同时显示所有数据(在每个页面中)。是否可以在自动加载参数中没有设置任何起点或限制的情况下执行此操作? 我只想下载我的所有数据,然后用页面正确显示

有任何建议吗?

1 个答案:

答案 0 :(得分:1)

我看到几个不确定因素:

  1. LiveGrid根本不是为寻呼而构建的,而是作为它的替代品。
  2. ExtJS 4.1x不再使用HTTP Proxy类,而是使用type:'ajax'代理配置。
  3. 如果要打开数据页面,则需要对其进行远程排序,否则无效。
  4. 您必须确保您的网格面板和您的pagingtoolbar引用相同的商店实例。网格面板中的常见配置是:
  5. this.dockedItems = [
            {
                xtype:'pagingtoolbar',
                store:this.store, // same store GridPanel is using
                dock:'bottom',
                displayInfo:true
            }
        ];