javascript - "el" リスナーが Sencha Touch 2 で機能しない

Question

Sencha Touch 2.0-pr3 を使用しています。要素のタップ イベントを機能させるのに問題があります (BrowsePage が Ext.Panel を拡張していることに注意してください)。これは Sencha Touch 1 で機能するので混乱しています。何が変わったのですか?!

var resultsPage = Ext.create('bla.myapp.BrowsePage', {
  id: 'searchResults',
  html: str,               
  listeners: {
    el: {
      tap: function() {
        console.log('hi!');
      }
    }
  }
})

Answer 1

Ext.Panel は「タップ」イベントを発生させません。

Sencha Touch 2 API ドキュメントを見て、どのクラスがどのイベントを起動するかを確認してください。

http://docs.sencha.com/touch/2-0/#!/api/Ext.Panel

Answer 2

これを試して

var resultsPage = Ext.create('bla.myapp.BrowsePage', {
  id: 'searchResults',
  html: str,               
  listeners: {
    tap: {
        element: 'element',
        fn: function(e) {
            console.log('hi!');
        }
    }
}
})

Answer 3

誰かが私の質問に答えてくれました: http://www.sencha.com/forum/showthread.php?161806-%E2%80%9Cel%E2%80%9D-listener-not-working-in-Sencha-Touch-2&p =691670&viewfull=1#post691670

これはまだ ST2 には含まれていないため、とりあえず initialize() をオーバーライドします --

initialize: function() {
    this.callParent();

    this.element.on({
    ...
    });
}