2014-09-10 7 views
0

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

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

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

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 
     }] 
    }); 

ответ

0

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

Проблема может возникнуть на стороне сервера - при использовании прокси-сервера 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 есть только для подделки некоторых данных для сетки).

Смежные вопросы