0

我正在尝试设置我的控制器以响应Ext.XTemplate事件并避免编写一堆被黑的 javascript 的混乱。

不幸的是，我找不到一种方法来 1) 记录单击事件或 2) 用于componentQuery注册 XTemplate。

这是一个基本的控制器配置：

config: {
        refs: {         
            reportChooser: 'xtemplate[id=jobReportChooser]'
        },
        control: {
            reportChooser: {
                tap: 'onAnonymousTap'
            }
        }
    },

有没有办法在控制器中做到这一点，或者至少清理听众？

4

1 回答 1

0

XTemplate由于没有内置事件，我找不到直接参考，但这里有一个很好的解决方法，它更简洁一些。

在您看来初始化方法

initialize: function() {
    this.element.on({
        tap: function(e, dom) {

            var el = Ext.get(e.target),
                elParent = Ext.get(e.parent),
                fireEvent;

            window.jobAction = this;
            window.jobEl = el;

            if (el.hasCls('job-start') || el.parent().hasCls('job-start')) {
                fireEvent = 'start';
            } else if (el.hasCls('job-hold') || el.parent().hasCls('job-hold')) {
                fireEvent = 'hold';                    
            }  else if (el.hasCls('job-report') || el.parent().hasCls('job-report')) {
                Ext.Viewport.setMasked({ xtype: 'loadmask' });
                var teamId = APPNAME.currentItem.data.teamId;
                var jobId = APPNAME.currentItem.data.jobId;

                APPNAME.app.dispatch({controller: 'Jobs', action: 'displayReportChooser', args:[teamId,'job',jobId]})
            }

            if (fireEvent) {
                Ext.Viewport.setMasked({ xtype: 'loadmask' });
                this.fireEvent(fireEvent, Alloy.currentJob, el);
            }

        },
        delegate: '.job-info',
        scope: this
    });
}

这是什么意思

使用应用程序dispatch method。它将使生活变得更轻松，并帮助您仍然在控制器内组织动作。

http://docs.sencha.com/touch/2-0/#!/api/Ext.app.Application-method-dispatch

于 2012-07-12T01:47:37.883 回答