extJS: Как зарегистрировать события в динамически создаваемой сетке. Панель в MVC? - PullRequest
Новая
       7

extJS: Как зарегистрировать события в динамически создаваемой сетке. Панель в MVC?

2 голосов
/ 04 ноября 2011

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

Мой контроллер навигации (тот, который создает панели и добавляет их) выглядит следующим образом: 

//Housekeeping and helper functions removed
onNavigationSelection: function(view, record, item, index, eventobj, obj) {
    var groupsstore = this.getGroupsStore();

    groupsstore.load({
        callback: this.createPanels,
        params: {},
        scope:this
    });
},
createPanels: function() {
for (var i = 0; i < groupArrayCounter.length; i++) {
        var storeName = 'store' + groupArrayCounter[i];
        var panelName = 'panel' + groupArrayCounter[i];
        var newstore = createStore(storeName, GroupArrays[groupArrayCounter[i]]);
        var panel = createPanel(panelName, newstore);
        this.getGroupPanel().add(panel);
}

    function createStore(name, data) {
        var createstore = Ext.create('Ext.data.ArrayStore', {
            extend: 'Ext.data.ArrayStore',
            requires: 'NG.model.Person',
            model: 'NG.model.Person',
            data: data,
            fields: ['id', 'auc', 'dateAdmitted', 'name', 'cpr', 'department', 'group' , 'active', 'dateBooked', 'dateStart', 'dateEndCalculated', 'dateEndActual', 'comments']
        });

        return createstore;
}

    function createPanel(name, store) {
        var createpanel = Ext.create('Ext.grid.Panel', {
            store: store,
            title: " Muh ",
            alias: 'widget.'+name,
            columns: [
                {header: 'Navn', dataIndex: 'name', flex: 1}
            ]});

        return createpanel;
}

Мой контроллер ChangePerson (тот, где вы должны иметь возможность дважды щелкнуть человека): 

init: function() {
    this.control({
        'activepersons': {
            itemdblclick: this.onActivepersonsClick
        },
        'waitingpersons': {
            itemdblclick: this.onWaitingpersonsClick
        },
        'group': {
            itemdblclick: this.onGroupClick
        },
        //This is what I want, but it does not work
        'panel17': {
            itemdblclick: this.onGroupClick
        },
        //This is what I want, but it does not work
        'panel19': {
            itemdblclick: this.onGroupClick
        }

    });
},
onActivePersonsClick: function(view, record, item, index, eventobj, obj) {
    var view = Ext.widget('personform');
    view.down('form').loadRecord(record);
},
onWaitingPersonsClick: function(view, record, item, index, eventobj, obj) {
    var view = Ext.widget('personform');
    view.down('form').loadRecord(record);
},
// Is never called
onGroupClick: function(view, record, item, index, eventobj, obj) {
    var view = Ext.widget('personform');
    view.down('form').loadRecord(record);
}

Из отладки я знаю, что есть сетка. Панель сПсевдоним Panel17 и Panel19 созданы, НО, поскольку они добавляются позже, выше, конечно, не работает.Что я хочу сделать, это подключить событие onGroupClick в моем контроллере ChangePerson к моей динамически создаваемой сетке, но я понятия не имею, как это сделать, так как я не могу получить доступ к контроллеру ChangePerson в моей навигацииКонтроллер.

С наилучшими пожеланиями и спасибо заранее!

Андреас

1 Ответ

1 голос
/ 04 ноября 2011

this.control добавляет слушателя к классам, существующим при создании контроллера. Простое решение - использовать функцию on для прикрепления события после создания панели, например: 

 function createPanel(name, store) {
        var createpanel = Ext.create('Ext.grid.Panel', {
            store: store,
            title: " Muh ",
            alias: 'widget.'+name,
            columns: [
                {header: 'Navn', dataIndex: 'name', flex: 1}
            ]});
        createdPanel.on('itemdblclick', function(view, record, item, index, eventobj, obj) {
                      var view = Ext.widget('personform');
                      view.down('form').loadRecord(record);
                   });
        return createpanel;
}
...