Extjs数据的多个表示

时间:2016-10-21 16:02:46

标签: javascript extjs

我有一个Rest端点,它发送和接收表单

的对象
[
    {id: 1, Name: "Type"},
    {id: 2, Name: "Type:Subtype"},
    ...
]

我想在一个可编辑的树中使用Sencha Extjs 6显示它。我很困惑在何时何地转换数据,以及如何保持更改同步而没有副作用。我当前(不太好)的方法是重新加载数据,然后使用转换后的值重置树的存储,但是会折叠所有扩展节点

  • 我可以使用模型和商店来获取和保存条目
  • 我可以将数据转换为适合在treepanel中使用的形式
  • 我不知道这样做的“正确”方法,并且任何一个商店的更改都会反映在另一个商店中。

为清楚起见,转换后的树存储具有数据结构:

[
    {
        text: "Type",
        children: [
            {
                text: "Subtype",
                isLeaf: true
            }
        ]
    }
]

1 个答案:

答案 0 :(得分:0)

得到了答案:一个保存按钮。

将Rest Store的Load事件绑定到控制器,并在该方法中将值复制到TreeStore中。

对TreeStore进行编辑 - 保持纯粹的客户端

“保存”按钮将新数据复制回Rest Store并调用sync()。易于遵循。代码主要是声明性的。我可以在VM的数据字段中提供默认值。容易做 - 羞耻它在某处的文档中没有说清楚