Я пытаюсь выучить ExtJS, и я застрял в каком-то месте. Я хочу создать экран с сеткой вверху и формой внизу. Я хочу связать их друг с другом, чтобы при выборе строки в сетке поля формы заполнялись (с одной и той же записью в сетке), а когда я что-либо изменял в сетке или форме, обновлялась другая сторона.

Пока что у меня есть вид с сеткой и формой. У меня есть магазин, который предоставляет данные в сетке. Я застрял здесь. Как сделать двухстороннее связывание между формой и сеткой. Я попробовал Google и нашел несколько образцовВот а такжеВот но все они являются односторонним обязательным. т.е. если я сделаю следующее на сетке:

           listeners: {

                selectionchange: function(model, records) {
                    var rec = records[0];
                    var form = Ext.getCmp('chartofaccountsForm');
                    form.loadRecord(rec);
                }
            }

он только заполняет форму текущей выбранной записью, но когда я обновил запись в форме, сетка не обновляется.

Может ли кто-нибудь помочь мне, указав мне правильное направление? Любой учебник или сообщение в блоге будет очень полезно