Ext JS 4 - понимание this.control, селекторов и обработки событий

Я пытаюсь понять в Ext JS 4 (MVC), как работает обработка событий на кнопках, комбинированных списках и т.п.

В частности, я считаю, что в MVC мы должны использовать this.control в функции инициализации контроллера.

Например, у меня работает следующее:

this.control({
    'eventlist': {
        itemdblclick: this.eventRowClicked
    },
    'eventedit button[action=save]': {
        click: this.updateEvent
    }
});

Кажется очевидным, я выбираю представление «список событий» и регистрируюсь для события eventRowClicked для сетки. Затем, в моем представлении «eventedit», захват для нажатия кнопки (кнопка сохранения).

Что мне нужно дальше, так это ответить на событие выбора или изменения поля со списком. На мой взгляд, у меня есть несколько комбинированных списков, поэтому мне нужен конкретный.

Я пробовал это, но это не сработало (я также пробовал выбрать вместо изменения):

'eventedit dispositionpop': {
    change: function(combo, ewVal, oldVal) {
        debugger;
    }
}

Во всех примерах, которые я могу найти, не используется 'this.control', они либо захватывают компонент (Ext.get? ) в переменную или подобное. Я считаю, что эти методы не являются правильным mvc - или, возможно, не самым эффективным способом для Ext JS 4.

Итак, две вещи, которые я хочу знать - как мне зарегистрироваться для определенного события выбора или изменения поля со списком и что может Я читаю, чтобы лучше понять, что в этом происходит.control - например, это селекторы css?

14
задан wes 5 January 2013 в 01:00
поделиться