ExtJS Paging Grid не будет продвигаться

Я пытаюсь реализовать сетку с панелью инструментов подкачки в ExtJS 5. Я получаю первую страницу данных, однако при продвижении сетки новые данные не обновляются.

Похоже, что страница data.asp не обновляется новым начальным значением для обновления свойства .AbsolutePosition моего набора записей. Таким образом, сетка продолжает отображать 1-ю страницу информации.

Мой код ниже...

    var gridStore = Ext.create('Ext.data.JSonStore', {
         autoLoad: false,
         fields: [
             {name: 'field1', type: 'int'},
             {name: 'field2', type: 'int'}
         ],
         pageSize: 25,
         proxy: {
              type: 'ajax', 
              url: 'Data.asp',
              reader: {
                   type: 'json',
                   rootProperty: 'rows',
                   totalProperty: 'totalCount',
              }
         }
    });

    gridStore.load({
         params: {
               start: 0,
               limit: 25
         }
    });

    grid = Ext.create('Ext.grid.Panel', {
        renderTo: 'grid-Spec',
        store: gridStore,
        columns: [
            {text: 'Field 1', width: 10, sortable: true, dataIndex: 'field1'},
            {text: 'Field 2', width: 10, sortable: true, dataIndex: 'field2'}
        ],
        height: 100,
        width: 20,
        selModel: { mode: 'SINGLE' },
        dockedItems: [{
            xtype: 'pagingtoolbar',
            store: gridStore,
            dock: 'bottom',
            displayInfo: true
        }]
    });

person user1186256    schedule 10.09.2014    source источник


Ответы (1)


В вашем коде есть опечатки, но в целом он выглядит нормально.

Проблема может лежать на стороне сервера - при использовании прокси-сервера ajax вы должны реализовать подкачку на стороне сервера. Если вы реализовали пейджинг на стороне сервера, используйте некоторые инструменты разработчика (например, в Chrome) и проверьте, правильно ли отправлен номер страницы. Вы должны увидеть стартовый номер/номер страницы в адресе (например: http://fiddle.jshell.net/echo/json/?_dc=1410854522824&page=2&start=5&limit=5).

Я сделал скрипку: http://jsfiddle.net/seur2aLx/9/ вы можете сравнить свой код с мой (обратите внимание, что Ext.ux.data.reader.Json существует только для подделки некоторых данных для сетки).

person Krzysztof    schedule 16.09.2014