javascript - 如何在 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