extjs 5 как привязать хранилище к модальному окну и сетке

Question

Случай довольно распространен, когда вы щелкаете ячейкой в ​​сетке, модальное окно с появляющейся формой, там вы делаете изменения, щелкаете кнопкой «Сохранить» и имеете сохранить в обновленной сетке. В 4-м я сделал это через loadRecord из сетки в форму, а затем использовал set-method для применения изменений в хранилище сетки. Теперь я пытаюсь сделать это с помощью MVVM-подхода и иметь некоторые stucks. Потому что, когда я устанавливаю одну и ту же виртуальную машину в сетку и форму, после уничтожения формы (кнопка «Сохранить или отменить»), виртуальная машина также уничтожает, а приложение разрушается. И поэтому мы не можем использовать один экземпляр VM в нескольких компонентах. Мы должны поместить его в контейнер, где есть сетка и форма. Все официальные примеры такого типа. И вопрос в том, что если кто-то решил эту проблему?
fiddle
answer from sencha forum

Answer 1

В дополнение к user1638582 «ы ответ, мое собственное решение, чтобы добавить выбранную запись в ViewModel формы:

var form = Ext.create('Plus.view.FormbetV',{ 
    viewModel:{ 
     data:{ 
      currentRec:this.getView().getSelectionModel().getSelection()[0] 
     } 
    } 
}); 

https://fiddle.sencha.com/#fiddle/jp6

Answer 2

Читали через this blog post, в котором MVVM example для сетки используется?

Answer 3

ExtJs 5 ViewModel имеет вложенную структуру для компонентов, все под-объекты могут использовать ViewModel родителя. Таким образом, вы могли бы попытаться добавить объект окна с видом ViewController:

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); 

Это работает для меня, но в этом случае размер окна будет ограничен по размеру сетки.

Answer 4

Глядя на примерах,«Привязка данных -> Изолированные Ребенок Sessions», кажется, что мы ищем:

http://dev.sencha.com/ext/5.1.0/examples/kitchensink/#binding-child-session