Javascript 如何在ExtJs中显示网格上的行数？

我正在开发一个ExtJs应用程序；在这个应用程序中，可以向网格动态添加新线。但是，我不知道如何对添加的行进行编号。有人能给我提供一些见解吗？

查看文档中的RowNumber类

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'}
]

---

此解决方案有效，但当我添加显示为“1”的行编号时，我会重新加载页面，返回正确的编号。您可以尝试使用getView（）方法获取当前网格视图并触发refresh（）方法。grid.getView（）.refresh（）。另一种方法是重新加载存储。grid.getStore（）.reload（）。希望能有帮助。