Sencha Touchで発生しているイベントを眺める方法 #JavaScript

• Sencha Touch 2.1.1

イベントはExt.event.Dispatcher.prototype.doDispatchEventを経由するのでそこにフックすれば良い。

(function() {
    var doDispatchEvent = Ext.event.Dispatcher.prototype.doDispatchEvent;
    Ext.event.Dispatcher.prototype.doDispatchEvent = function(targetType, target, eventName, args, action, connectedController) {
        console.debug(arguments);
        // More readable => console.debug.apply(console, [Ext.getClassName(args[0]), eventName].concat(args));

        doDispatchEvent.apply(this, arguments);
    }
})();

もし特定のコンポーネントに関するイベントだけ見たければargs[0]を調べる。

if (args[0] instanceof Ext.dataview.NestedList) {
    console.debug(arguments);
}