0

我是 ExtJS 的新手，正在努力寻找解决方法。我目前正在制作 POC 并且卡在一个点上。

我正在尝试创建一个主详细信息页面，其中包含一个主网格和一些详细的选项卡，每个选项卡都有一个表单或网格。从顶部的主网格中选择记录后，应填充详细的网格。问题是，我想对两个网格（主和详细信息）使用相同的存储，因为我希望能够进行更改（添加主行、添加详细行、删除行等），然后将这些更改保存为批处理. 甚至可能吗？如果是，我应该如何实现它？我必须使用同一家商店还是可以通过其他方式进行批量编辑？

到目前为止，我已经尝试将当前选定的行绑定到 ViewModel（根据这个问题）并尝试以下将数据绑定到详细网格

               bind: {
                    data: {
                        bindTo: '{selection.Details}',
                        deep: true
                    }
                }

有什么帮助吗？

更新1：

在我的商店中，我的数据采用以下格式（因此主从相同的商店）

 items:
        [
            {
                Name: "ABC",
                Details:[
                         { 
                           detail1: 'asdf',
                           detail2:'qwerty'
                         }
                        ]
            }
        ]

更新 2：

请看下图。 我想用 extjs 实现什么

这就是我想要达到的目标。我想将存储用于主从数据。是否可以？如果是，如何？

更新 3

我创建了一个小提琴来进一步澄清我的要求

4

1 回答 1

2

根据你的小提琴，我在这里添加了一个解决方案

如果您查看 sencha文档，您可以看到：

应用于 tpl 以更新组件的内容区域的初始数据集。

因此绑定到数据的动态值将不起作用。

于 2016-03-27T05:26:09.590 回答