editgrid как переменная не редактируется

Question

В моем приложении я создаю несколько модальных окон, которые содержат форму и сетку редактора.Чтобы повторно использовать компоненты, я создал комбо, fieldtext, checkbox и другие элементы в качестве переменных и добавляю только необходимость в каждое окно.Одна из этих переменных - это editorgrid, xtype: 'editorgrid', и есть проблема:

Если я добавлю переменную myEditorGrid на панель, она будет работать нормально при первом открытии окна, но втораяесли какое-либо окно должно отображать одну и ту же редакторскую сетку, то поля больше нельзя редактировать.

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

Я подумал, что проблема в том, что переменная не уничтожена, и убедился, чтоокна закрыты, но я не знаю, как уничтожить переменную, и даже если это решение.

Есть идеи?

Спасибо

Answer 1

Вы не можете повторно использовать EditorGrid таким образом, потому что его модель столбцов разрушается после использования.

Лучший способ повторно использовать компонент - использовать описанный Ext.extend метод здесь , а потом в вашем initComponent есть что-то вроде ..

initComponent : function() {
    this.cm = new Ext.grid.ColumnModel({
        columns: [
          //define columns here
        ]
    });
    this.ds = new Ext.data.JsonStore({
        //store config
    });
    //...
}