extjs 5如何将商店绑定(bind)到模式窗口和网格

Question

这种情况很常见，当您双击网格中的单元格时，会出现一个表单的模式窗口，您可以在其中进行更改，单击“保存”按钮，并更新网格中的商店。在第四步中，我通过 loadRecord 从网格到表单完成了此操作，然后使用 set-method 将更改应用到网格存储。现在我尝试用 MVVM 方法来实现，但遇到了一些困难。因为当我将相同的虚拟机设置为网格和表单时，在表单销毁(“保存”或“取消”按钮)后，虚拟机也会被销毁，并且应用程序也会被破坏。因此，我们不能在多个组件中使用一个虚拟机实例。我们必须将它放在一个容器中，其中有网格和表单。所有官方示例都是这种类型。问题是，是否有人解决了这个问题？
fiddle
answer from sencha forum

Answer 1

ExtJs 5 ViewModel具有组件的嵌套结构，所有子对象都可以使用父对象的ViewModel。所以你可以尝试将 window 对象添加到 ViewController View 中:

var form = Ext.create('Plus.view.FormbetV');
var window = Ext.create('Ext.Window', {
    frame: true,
    width: 350,
    height: 200,
    modal: true,
    layout: 'fit'
});
window.add(form);
this.getView().add(window); // <--- add parent 'scope'
window.show();

并且不要忘记删除此代码:

//var viewModel = Ext.getCmp('gridbet').getViewModel();
//this.setViewModel(viewModel);

它对我有用，但在这种情况下，窗口大小将受到网格大小的限制。