动态地向 extjs 中的网格添加行

Question

我有一个网格，其中一列 'name' 一开始是空的。我还有一个 JSONObject，其中有一个字段数组。我现在需要将每个字段名称动态添加为网格中的一行（因为我通过 REST 服务接收 JSONObject）。请告诉我该怎么做。

我想知道如何动态地添加到一个空的商店，即使在页面加载后最终也会反映出来。

例如：

datajson: {
    ...
    events: {
        'First row' : {
            ...
         }, {
        'Second row' : {
            ...
        }
    }
}

所以现在网格必须包含 'First row' 和 'Second row' 作为两个条目。

Answer 1

将商店绑定到您的网格

{
   xtype: 'grid',
   store: myStore
}

然后用数据更新您的商店

myStore.loadData(jsonData)

在您可以刷新网格后：

myStore.getView().refresh();

Add rows to grid in extjs dynamically