ExtJS：使用同一商店的主从网格

Question

我是 ExtJS 的新手，正在努力寻找解决之道。我目前正在制作 POC，但卡在了某个点上。

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

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

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

有什么帮助吗？

更新 1：

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

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

更新二：

请看下图。

这就是我想要实现的目标。我想将商店用于主从数据。可能吗？如果是，如何？

更新 3

我创建了一个 fiddle 来进一步阐明我的要求

Answer 1

根据你的fiddle我添加了一个解决方案here

如果你看煎茶 docs 你可以看到：

The initial set of data to apply to the tpl to update the content area of the Component.

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