ext.直接网格分页不起作用

问题描述 投票:0回答:1

我已经奋斗了好几天了,但没有成功。 尽管分页栏正确显示了页面的数量和数量,但我没有通过网格进行分页。以下是一些代码片段:

型号:

Ext.define('TBS', {
    extend: 'Ext.data.Model',proxy: {
        type: 'direct',
        api: {
            create:        QueryDatabase.createRecord,
            read:        QueryDatabase.getResults,
            update:        QueryDatabase.updateRecords,
            destroy:    QueryDatabase.destroyRecord
        },
        simpleSortMode: true
    }...  

店铺:

var store = Ext.create('Ext.data.Store', {
    model: 'TBS',
    autoLoad: true, 
    autoDestroy: true,
    pageSize: 20, 
    remoteSort: false,   
    sortOnLoad: true,
    sorters: { property: 'StartDate', direction : 'DESC' }...

和网格:

var grid = Ext.create('Ext.grid.Panel', {...
    dockedItems: [{
        xtype: 'pagingtoolbar',
        dock: 'bottom',
        store: store,
        pageSize: 20, 
        displayInfo: true,
        displayMsg: 'Total: {2}',
        items: ['-',{
            xtype: 'button',
            iconCls: 'clean',
            text: 'Clear All Filter',
            handler: function () {
                //console.log(Ext.encode(grid.filters.getFilterData()));
                grid.filters.clearFilters();
                store.clearFilter();
            } 
        }]
    }]

我正在使用ExtJs 4.0.7

非常感谢任何提示。

谢谢。

extjs pagination grid
1个回答
0
投票

你的服务器返回什么?由您的服务器返回适当数量的记录。例如,如果正在加载第一页,您的服务器应该只返回前 20 条记录。如果正在加载第 2 页,则应仅返回记录 21-40。

© www.soinside.com 2019 - 2024. All rights reserved.