ExtJS網格面板沒有顯示頁碼

我在ASP.NET MVC中使用ExtJS分頁網格面板。一切似乎工作正常，但網格不顯示頁碼。它只是顯示在底部工具欄頁BLANK出3ExtJS網格面板沒有顯示頁碼

這是我的店：

Ext.define('EJ.store.Locations', { 
    extend: 'Ext.data.Store', 
    model: 'EJ.model.Location', 
    autoLoad: { 
     params: { 
      start: 0, 
      limit: 5 
     } 
    }, 
    pageSize: 5, 
    remoteSort: true, 
    proxy: { 
     type: 'ajax', 
     url: '/location/read', 
     reader: { 
      type: 'json', 
      root: 'locations', 
      totalProperty: 'totalLocations', 
      successProperty: 'success' 
     } 
    } 
});

，這是我的看法：

Ext.define('EJ.view.location.List', { 
    extend: 'Ext.grid.Panel', 
    alias: 'widget.locationlist', 
    store: 'Locations', 
    title: 'All locations', 
    autoScroll: true, 

    columns: [{ 
     text: 'Location Id', 
     flex: 1, 
     sortable: true, 
     dataIndex: 'LocationId' 
    }, { 
     text: 'Name', 
     flex: 1, 
     sortable: true, 
     dataIndex: 'Name' 
    }], 
    bbar: Ext.create('Ext.PagingToolbar', { 
     pageSize: 5, 
     store: 'Locations', 
     displayInfo: true, 
     displayMsg: 'Displaying Locations {0} - {1} of {2}', 
     emptyMsg: "No topics to display" 

    }), 
});

來源

2013-01-02 user1944155

看起來你定義一個商店和網格，並在bbar配置您實例化一個pagingtoolbar誰不知道商店，因爲它尚未創建。

嘗試懶加載加上它（也可以是BBAR配置）：

dockedItems: [{ 
    xtype: 'pagingtoolbar', 
    dock: 'bottom', 
    pageSize: 5, 
    store: 'Locations', 
    displayInfo: true, 
    displayMsg: 'Displaying Locations {0} - {1} of {2}', 
    emptyMsg: "No topics to display" 
}],

來源

2013-01-03 12:20:33 A1rPun

ExtJS網格面板沒有顯示頁碼

回答

相關問題