如何将 dojo (dojo 0.x) FilteringTable 迁移到 (dojo 1.6) 中的 DataGrid？

Question

我正在迁移和扩展基于非常旧的 Dojo 框架的现有 Web 应用程序。

表的声明式设置：

OLD

<table dojoType="FilteringTable" id="dataTable" 
valueField="f_id" multiple="false" alternateRows="true">
  <thead><tr>
    <th field="f_fname">Firstname</th>
    <th field="f_lname">Lastname</th>
  </tr></thead>
</table>

NEW

<table dojoType="dojox.grid.DataGrid" id="dataTable">
  <thead><tr>
    <th field="f_fname">Firstname</th>
    <th field="f_lname">Lastname</th>
  </tr></thead>
</table>

初始化表存储：

OLD

var tab = dojo.widget.byId("dataTable");
if(tab){
  tab.store.setData([]);
}

NEW

var tab = dijit.byId("dataTable");
if(tab){
  if(!tab.store){
    tab.store = new dojo.store.Memory({data:[]});
  }
  else{
    tab.store.setData([]);
  }
}

刷新数据：

OLD/NEW

tab.store.setData(result.array);

旧版本表填充了数据，新版本表依然为空。 两种情况下检索的数据数组完全相同。

所以我想知道旧 FilteringTable 中使用的存储和新 dojox DataGrid 使用的存储 api 之间应该解决哪些差异。

由于我对使用数据存储不太熟悉，因此我可能会遗漏一些关键部分。

从视觉上看，新的网格似乎功能齐全。

更新

tab.update(); // tab = dojox.grid.DataGrid

不会使视觉部分保持最新状态。 当存储数据发生变化时，DataGrid 是否应该更新，或者是否需要执行一些手动操作？

事实上，DataGrid 似乎根本不对内存存储中的更改做出反应。也许这里缺少一些接线？

更新

我一直在以声明方式将网格与内存存储连接起来：

<div dojoType="dojo.store.Memory" jsId="memStore"></div>
<table dojoType="dojox.grid.DataGrid" id="dataTable" store="memStore">
  <thead><tr>
    <th field="f_fname">Firstname</th>
    <th field="f_lname">Lastname</th>
  </tr></thead>
</table>

我得到的第一件事是 DataGrid.js 中 _setStore() 中的错误：

this.store.getFeatures is not a function

。 DataGrid 是否可能不兼容所有商店？ 我的印象是商店 api 在 1.6 中已经标准化。

如果是这样，是否有替代存储与 javascript 数组输入一起使用。 （如上所示）

Answer 1

其他论坛（Millennium）上的一张友善的海报为我提供了答案：

自 Dojo 1.6 以来，Dojo 中的商店有一个新的访问方案。

由于 dojox.grid.DataGrid 不直接支持这些存储，因此 dojo.data 中提供了一个名为 dojo.data.ObjectStore 的包装类。

因此，为了让我的内存存储正常工作，需要使用以下命令进行初始化：

var tab = dijit.byId("dataTable");
if(tab){
  if(!tab.store || !tab.store.objectStore){
    tab.store = new dojo.data.ObjectStore({
                    objectStore : new dojo.store.Memory({data:[]})
                });
  }
  else{
    tab.store.objectStore.setData([]);
  }
}

并使用以下命令进行更新：

tab.store.objectStore.setData(result.array);

但是目前仍然存在一些缺点：
网格不会自动更新其数据，而是仅在对列进行排序后才更新。
使用 tab.update() 不起作用。

更新

当使用 objectStore.put() 或 objectStore.setData() 更改数据时，我现在使用 Grid 的 _refresh() 函数。
虽然它是一个私有函数，但我仍然没有更好的方法来更新网格。