分页工具栏的记录没有显示号码 - Ext JS的

所以我这里有下面的代码，在一个单独的目录显示与数据网格从我的店里：分页工具栏的记录没有显示号码 - Ext JS的

Ext.require([ 
    'Ext.ux.form.ItemSelector', 
    'Ext.grid.plugin.RowExpander', 
    'Ext.grid.*', 
    'Ext.data.*', 
    'Ext.selection.CheckboxModel', 
    'Ext.toolbar.Paging', 
]); 

Ext.define('AM.view.metadata.List' ,{ 
    extend: 'Ext.grid.Panel', 
    alias: 'widget.metadatalist', 
    title: '<center>Results</center>', 
    store: 'Metadata', 
    requires: ['Ext.ux.RowExpander'], 
    initComponent: function() { 
     this.columns = [ 
      {header: 'Technical Name', dataIndex: 'TECH_NAME', //... 
      //... 
     ]; 
     this.callParent(arguments); //Calls the parent method of the current method in order to override 

    }, 
    dockedItems: [ 
     { 
     xtype: 'toolbar', 
     dock: 'bottom', 
     items: [ 
      { xtype: 'tbtext', text: 'Loading...', id: 'recordNumberItem' }, 
      '-', 
      { text: 'Expand All', id: 'expand' }, 
      '-', 
      { text: 'Collapse All', id: 'collapse' }, 
      '->', 
        //Paging ToolBar 
      { xtype: 'pagingtoolbar', dock: 'bottom', store: 'Metadata', pageSize: 3, displayInfo: true, emptyMsg: 'No items to display', displayMsg: 'Displaying topics {0} - {1} of {2}' }, 

      '->', 
      { text: 'Print', itemId: 'print' }, 
      '-', 
      { text: 'Export', itemId: 'export' } 
     ] 
    }], 
    plugins: [{ 
      ptype: 'rowexpander', 
      rowBodyTpl : [ 
       //... 
          //... 
      ] 
     }] 

});

分页工具栏显示没有问题，但它不显示有任何数据加载到它甚至允许滚动。我的商店目前有14行。（存储加载没有问题）。我没有使用任何代理，我应该吗？

这是我的商店。 Metadata.js

var store = Ext.define('AM.store.Metadata', { 
    extend: 'Ext.data.Store', 
    model: 'AM.model.Metadata', 
    storeId: 'metadatastore', 
    data: [ 
     {TECH_NAME: 'SOME_NAME_A1', KBE_ID: 'RS142', KBE_NAME: 'GL Account', VIEW_NAME: 'SECR_ERROR', DB_SCHEMA: 'EXCEL', PRIVACY_INDICATOR: 'Secure'}, 
     {TECH_NAME: 'OH_HAII', KBE_ID: 'RS103', KBE_NAME: 'MC Account', VIEW_NAME: 'SECR_ERROR', DB_SCHEMA: 'SQL', PRIVACY_INDICATOR: 'Well'}, 
     {TECH_NAME: 'OTHER_NAME_A2', KBE_ID: 'RS142', KBE_NAME: 'Current Number of Shares', VIEW_NAME: 'EQTY_PSTN', DB_SCHEMA: 'SQL', PRIVACY_INDICATOR: 'Alright'}, 
     {TECH_NAME: 'NAMES_STILL_GOING_B3', KBE_ID: 'W001', KBE_NAME: 'Amount for Unrealized Loss or Profit', VIEW_NAME: 'EQTY_PSTN', DB_SCHEMA: 'NO_SQL', PRIVACY_INDICATOR: 'Could be better'}, 
     {TECH_NAME: 'WILL_THEY_END_C4', KBE_ID: 'W003', KBE_NAME: 'Fund ID', VIEW_NAME: 'EQTY_DEAL', DB_SCHEMA: 'SQL', PRIVACY_INDICATOR: 'Ummm', schema: 'Schema 4'}, 
     {TECH_NAME: 'NOT_LIKELY-C5', KBE_ID: 'E101', KBE_NAME: 'Booking Unit', VIEW_NAME: 'EQTY_BL_SHET', DB_SCHEMA: 'ORACLE', PRIVACY_INDICATOR: 'Not secure one bit'}, 
     {TECH_NAME: 'LOOKIE_HERE-D6', KBE_ID: 'E078', KBE_NAME: 'Investment', VIEW_NAME: 'INSMNT', DB_SCHEMA: 'M_ACCESS', PRIVACY_INDICATOR: 'Please hack us'}, 
     {TECH_NAME: 'SOME_NAME_A1', KBE_ID: 'RS142', KBE_NAME: 'GL Account', VIEW_NAME: 'SECR_ERROR', DB_SCHEMA: 'EXCEL', PRIVACY_INDICATOR: 'Secure'}, 
     {TECH_NAME: 'OH_HAII', KBE_ID: 'RS103', KBE_NAME: 'MC Account', VIEW_NAME: 'SECR_ERROR', DB_SCHEMA: 'SQL', PRIVACY_INDICATOR: 'Well'}, 
     {TECH_NAME: 'OTHER_NAME_A2', KBE_ID: 'RS142', KBE_NAME: 'Current Number of Shares', VIEW_NAME: 'EQTY_PSTN', DB_SCHEMA: 'SQL', PRIVACY_INDICATOR: 'Alright'}, 
     {TECH_NAME: 'NAMES_STILL_GOING_B3', KBE_ID: 'W001', KBE_NAME: 'Amount for Unrealized Loss or Profit', VIEW_NAME: 'EQTY_PSTN', DB_SCHEMA: 'NO_SQL', PRIVACY_INDICATOR: 'Could be better'}, 
     {TECH_NAME: 'WILL_THEY_END_C4', KBE_ID: 'W003', KBE_NAME: 'Fund ID', VIEW_NAME: 'EQTY_DEAL', DB_SCHEMA: 'SQL', PRIVACY_INDICATOR: 'Ummm', schema: 'Schema 4'}, 
     {TECH_NAME: 'NOT_LIKELY-C5', KBE_ID: 'E101', KBE_NAME: 'Booking Unit', VIEW_NAME: 'EQTY_BL_SHET', DB_SCHEMA: 'ORACLE', PRIVACY_INDICATOR: 'Not secure one bit'}, 
     {TECH_NAME: 'LOOKIE_HERE-D6', KBE_ID: 'E078', KBE_NAME: 'Investment', VIEW_NAME: 'INSMNT', DB_SCHEMA: 'M_ACCESS', PRIVACY_INDICATOR: 'Please hack us'} 

    ] 


});

任何想法都会超级有用！

来源

2013-08-20 Kurai Bankusu

请提供商店和代理和东西的代码。 – Reimius

已更新，我没有使用任何代理。我可以做？ –

假设你正在使用JSON，分页工具栏上的文件说，对于JSON格式应该是这样的：

{ 
    total: 2000, 
    results: [{'id': 1000, name: 'ted'},{id: 1001, 'name': 'ted'}] 
}

道达尔有助于配置分页工具栏，如下所示：

Ext.create('Ext.data.Store', { 
    ..., 
    pageSize: 100, 
    reader: { 
     type: 'json', 
     root: 'results', 
     totalProperty: 'total' // Tell the toolbar where the result count is 
    } 
});

据我所知，没有办法让它自动计算结果集的总大小。

来源

2013-08-20 15:37:22

固定的结果，应该是一个数组。 – Reimius

@Reimius谢谢，错字 –

分页工具栏的记录没有显示号码 - Ext JS的

回答

相关问题