Question

this is my store

这是我的看法所有记录都显示在单个页面的下一个按钮中，单击要动态更改的内容那不行。我添加了分页，但.all记录显示在同一页面中。我需要动态更改

任何人都可以提供帮助

    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记录显示在同一页面中。我需要动态更改

任何人都可以提供帮助

Answer 1

您的数据是否始终是本地的？如果是，则可以使用内存代理在内存数据集上配置分页。在Ext JS 4中，您可以使用Ext.ux.data.PagingMemoryProxy。在Ext JS 5中，此功能已通过enablePaging合并到Ext.data.proxy.Memory类中：true：

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

但请注意，这仅在您的数据集位于内存中时才有效。如果您的商店将通过服务器代理加载，那么您需要按照已提供的建议进行操作。

我添加了分页但是.all记录显示在同一个页面中。我需要动态更改

1 个答案: