Sencha Touch 2 событие: нарисовано против шоу?

Question

У меня есть вопрос относительно события show. в моем приложении я обработки painted событие моей панели как это:

Ext.define('mvcTest.controller.Test', { 
    extend: 'Ext.app.Controller', 
    config: { 
    refs: { 
      panel: '#testpanel' 
    }, 
    control:{ 
       panel: { 
        painted: 'onPainted'   
       } 
     } 
    }, 
    onPainted: function(){ 
     alert('painted'); 
    } 
}); 

доку Сэя, что есть и «шоу» событие, но получить не обстреливали все:

Ext.define('mvcTest.controller.Test', { 
    extend: 'Ext.app.Controller', 
    config: { 
    refs: { 
      panel: '#testpanel' 
    }, 
    control:{ 
       panel: { 
        show: 'onShow'   
       } 
     } 
    }, 
    onShow: function(comp, obj){ 
     alert('show'); 
    } 
}); 

Почему это не работает? Я знаю, предупреждение - это неправильный путь, но это не вопрос. спасибо, микрофона

Answer 1

Похоже, что в вашем контроллере нет ошибки. Основная причина может заключаться в другой части вашего приложения, но ... хорошо, согласно моему опыту:

• painted события прямо вперед. Каждый раз, когда ваше представление действительно отображается на экране, painted загорается. (Примечание: painted пожаров событий перед ребенком компонента вашего зрения полностью оказываются в другом слове, painted первых, DOM поколение второго..)

• show событие не обязательно стрелять вверх, особенно во время инициализации вашего зрения , show Событие что-то заводилось, когда вы сначала каким-то образом скрыть ваш вид, и показать позже.

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

Answer 2

Вы не может справиться с «окрашены» событием в контроллере, так как он не ые к нему.

От sencha docs: Это событие недоступно для обмена событиями. Вместо этого «нарисовал» только огни, если вы явно добавите хотя бы одного слушателя к нему из-за соображений производительности. Вы можете справиться с этим, определив слушателя в своей панели.

Ext.define('MyApp.view.MyPanel', { 
    extend: 'Ext.Panel', 
    config: { 
    }, 
    listeners: { 
    painted: function (element, options) { 
     console.log("I've painted"); 
    } 
    } 
}); 

Но событие 'show' может быть обработано в контроллере. Проверьте, видит ли другая часть вашего приложения этот контроллер. (Вы указали ссылку на свой контроллер? Правильно ли указан идентификатор вашей панели?)

Answer 3

Я знаю, что это старая нить, но кому-то это может показаться полезным: Sencha изначально не запускает событие 'show' и 'paint'. Вам необходимо вызвать его изначально.

Используйте этот фрагмент кода для прослушивания событий от контроллера:

Ext.define('MyApp.view.MyPanel', { 
    extend: 'Ext.Panel', 
    config: { 
    }, 
    listeners: { 
    painted: function (element, options) { 
     this.fireEvent('painted', [element, options]) 
    } 
    } 
});