我添加了分页，但显示在同一 page.i 中的所有记录都需要动态更改

Question

this is my store

这是我的看法所有记录都显示在单页下一个按钮单击要动态更改的内容那是行不通的。我添加了分页但是.all records dispalying in same page.i need to change dynamically

谁能帮忙

    var store = Ext.create('Ext.data.Store', {
         fields: ['name','email'],
            pageSize : 10,
            data: [
                   {name: 'Name1',    email: 'ed@sencha.com'},
                   {name: 'Name2',    email: 'tommy@sencha.com'},

                   {name: 'Name3',    email: 'ed@sencha.com'},
                   {name: 'Name4',    email: 'tommy@sencha.com'},
                   {name: 'Name5',    email: 'ed@sencha.com'},
                   {name: 'Name6',    email: 'ed@sencha.com'},
                   {name: 'Name7',    email: 'tommy@sencha.com'},

                   {name: 'Name8',    email: 'ed@sencha.com'},
                   {name: 'Name9',    email: 'tommy@sencha.com'},
                   {name: 'Name10',    email: 'ed@sencha.com'},
                   {name: 'Name11',    email: 'ed@sencha.com'},
                   {name: 'Name12',    email: 'tommy@sencha.com'},

                   {name: 'Name13',    email: 'ed@sencha.com'},
                   {name: 'Name14',    email: 'tommy@sencha.com'},
                   {name: 'Name15',    email: 'ed@sencha.com'},
                   {name: 'Name16',    email: 'ed@sencha.com'},
                   {name: 'Name17',    email: 'tommy@sencha.com'},

                   {name: 'Name18',    email: 'ed@sencha.com'},
                   {name: 'Name19',    email: 'tommy@sencha.com'},
                   {name: 'Name20',    email: 'ed@sencha.com'},
                   {name: 'Name21',    email: 'ed@sencha.com'},
                   {name: 'Name22',    email: 'tommy@sencha.com'},

                   {name: 'Name23',    email: 'ed@sencha.com'},
                   {name: 'Name24',    email: 'tommy@sencha.com'},
                   {name: 'Name25',    email: 'ed@sencha.com'},
                   {name: 'Name26',    email: 'ed@sencha.com'},
                   {name: 'Name27',    email: 'tommy@sencha.com'},

                   {name: 'Name28',    email: 'ed@sencha.com'},
                   {name: 'Name29',    email: 'tommy@sencha.com'},
                   {name: 'Name30',    email: 'ed@sencha.com'},
                   {name: 'Name31',    email: 'ed@sencha.com'},
                   {name: 'Name32',    email: 'tommy@sencha.com'},

                   {name: 'Name33',    email: 'ed@sencha.com'},
                   {name: 'Name34',    email: 'tommy@sencha.com'},
                   {name: 'Name35',    email: 'ed@sencha.com'},



            ]

        });

这是我的看法

    Ext.define('AM.view.user.List' ,{
        extend: 'Ext.grid.Panel',
        alias: 'widget.userlist',

        title: 'All Users',





        initComponent: function() {

            Ext.create('Ext.grid.Panel', {
              title: 'Column Demo',
              store:store,
              columns: [
                  {header: 'Name',  dataIndex:'name',flex:1},
                  {text: 'Email',  dataIndex:'email',flex:1},

              ],

             renderTo:'example-grid',
             width: 350,
             height: 280,
          dockedItems: [{
              xtype: 'pagingtoolbar',   // paging
              store: store,   // same store GridPanel is using
              dock: 'bottom',  
              pageSize: 10,
              displayInfo: true
          }],






              renderTo: Ext.getBody()
            });


          this.callParent(arguments);
      }



    });

这是我的看法所有记录都显示在单页下一个按钮单击要动态更改的内容那是行不通的。我添加了分页但是.all records dispalying in same page.i need to change dynamically

谁能帮忙

Answer 1

在 Ext js 中我们不能只在客户端 side.Please 通过 post 实现分页.. paging in extjs 4 grid is not working 并通过 sencha 文档以及 wells

Answer 2

你的数据总是本地的吗？如果是，则可以使用内存代理在内存数据集上配置分页。在 Ext JS 4 中，你可以使用 Ext.ux.data.PagingMemoryProxy。在 Ext JS 5 中，此功能已通过 enablePaging:true:

合并到 Ext.data.proxy.Memory class 中

// for Ext JS 5
mystore = Ext.create('Ext.data.Store', {
   fields: [...],
   data: [...],
   proxy: {
      type: 'memory',
      enablePaging: true
   }
})

但是请注意，这只有在您的数据集在内存中时才有效。如果您的商店将通过服务器代理加载，那么您需要遵循已提供的建议。

我添加了分页，但显示在同一 page.i 中的所有记录都需要动态更改

i added paging but .all records dispalying in same page.i need to change dynamically

extjs