Estoy tratando de aprender ExtJS y estoy atascado en un lugar. Quiero crear una pantalla con una cuadrícula en la parte superior y un formulario en la parte inferior. Quiero vincularlos entre sí para que cuando seleccione una fila de la cuadrícula, los campos del formulario se llenen (con el mismo registro en la cuadrícula) y cuando cambie algo en la cuadrícula o en el formulario, el otro lado se actualice.

Hasta ahora, tengo una vista con una cuadrícula y un formulario. Tengo una tienda que proporciona datos a la cuadrícula. Estoy atrapado aquí. Cómo hacer un enlace bidireccional entre forma y cuadrícula. Intenté google y encontré algunas muestrasaquí yaquí pero todos son vinculantes en un sentido. es decir, si hago lo siguiente en la cuadrícula:

           listeners: {

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

solo llena el formulario con el registro seleccionado actualmente, pero cuando actualicé el registro en el formulario, la cuadrícula no se actualiza.

¿Alguien puede ayudarme señalándome en la dirección correcta? Cualquier tutorial o publicación de blog sería muy útil.