Проблема с панелью инструментов Extjs - PullRequest
1 голос
/ 22 августа 2011

Когда я пытаюсь показать только пять строк, на панели инструментов подкачки появляется сообщение «показывает 1-5 из [скольких предметов я получил в дБ]», проблема в том, что на самом деле сетка показывает весь дБ, даже если она говорит, что показывает всего 5 предметов. Это мой магазин:

var viewOrder = Ext.create('Ext.data.Store', {
    model : 'orderModel',
    pageSize: 5,
    proxy : new Ext.data.HttpProxy({
        type : 'ajax',
    url : 'allOrderJson',
    method : 'GET',
    reader : {
        type : 'json',
        root : 'jsonArray',
        totalProperty : 'total'
    }
}),
autoLoad: false,
});

модель:

Ext.regModel('orderModel', {
    fields : [ {
        name : 'order_number',
        type : 'string'
    }, {
    name : 'status',
    type : 'string'
    }, {
    name : 'time_of_delivery',
    type : 'string'
    }, {
         name : 'last_edited',
         type : 'string'
    } ]
});

перед созданием сетки я загружаю хранилище:

viewOrder.load({
    params : {
        start : 0,
        limit : 5,
    }
});

моя сетка:

xtype : 'grid',
    id : 'incompleteorders',
    title : 'outstanding orders',
    store : viewOrder,

    columns : [ {
        text : 'order number',
        dataIndex : 'order_number',
    }, {
        text : 'status',
        dataIndex : 'status',
    }, {
        text : 'delivery date',
        dataIndex : 'time_of_delivery',
    }, {
        text : 'last edited',
        dataIndex : 'last_edited',
    }, ],
    dockedItems : [ {
        xtype : 'pagingtoolbar',
        pageSize : 5,
        store : viewOrder, 
        dock : 'bottom', 
        displayInfo : true,
        emptyMsg : 'No data to display',
    } ]

Вы видите, что я делаю что-то не так? Я пытался следовать документации Sencha, но, очевидно, это не сработало должным образом.

1 Ответ

1 голос
/ 22 августа 2011

Когда запрос отправляется на сервер для 5 элементов, вы возвращаете только 5 элементов, которые он запрашивает? Вы должны выполнить соответствующую фильтрацию на сервере.

См. Параметр totalProperty здесь: http://docs.sencha.com/ext-js/4-0/#/api/Ext.data.reader.Json

totalProperty относится к свойству в вашем ответе, которое содержит общее количество записей. По умолчанию это общее значение, поэтому ваш ответ должен выглядеть примерно так:

{
    "total": 20,
    "records": [{
        "a": "foo"
    }]
}

При этом вам также необходимо соответствующим образом установить корневое свойство для читателя, в приведенном выше примере это будут «записи».

...