如何在ExtJs的網格上顯示行數？

Question

我正在開發一個ExtJs應用程序； 在此應用程序中，可以將新行動態添加到網格。 但是，我不知道在添加行時如何編號。 誰能為我提供一些見識？

Answer 1

檢查文檔中的RowNumberer類。

columns: [
    {xtype: 'rownumberer'},
    {text: "Company", flex: 1, sortable: true, dataIndex: 'company'},
    {text: "Price", width: 120, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
    {text: "Change", width: 120, sortable: true, dataIndex: 'change'},
    {text: "% Change", width: 120, sortable: true, dataIndex: 'pctChange'},
    {text: "Last Updated", width: 120, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
]

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.RowNumberer