sencha-touch-2 - 控制器未捕获的事件

Question

我正在尝试响应控制器内的视图触发事件。该事件确实会触发，但永远不会调用控制器操作。

查看：

Ext.define("MyApp.view.Dashboard", {
    extend: 'Ext.Container',
    xtype: 'my_dashboard',
    config: {
        items: [
            {
                xtype: 'dataview',
                listeners: {
                    itemtap: function(sender, index, elem, record) {
                        // fires with param, e.g. 'inbox'
                        this.fireEvent(record.get('name'));
                    }
                }
            }
            ...

控制器：

Ext.define('MyApp.controller.Dashboard', {
    extend: 'Ext.app.Controller',
    config: {
        control: {
            'my_dashboard': {
                'inbox': 'showInbox',
                ...
            }
        }
    },

    showInbox: function () {
        /* never gets called */
    },

    ...

我究竟做错了什么？

更新：

我找到了一个解决方案，但感觉很hacky。我向数据视图和bubbleEvents视图添加了一个配置，事件开始进入控制器。my_dashboard

由于仪表板可以有可变数量的项目，我不知道我需要冒泡哪些事件。当然，我可以冒泡所有可能的仪表板事件，但这似乎是一个巨大的杂物。

视图是否应该触发应用程序事件，例如MyApp.app.fireEvent()？

Answer 1

更新

以下是一些可以帮助您入门的代码：

控制器：

Ext.define('MyApp.controller.Dashboard', {
    extend: 'Ext.app.Controller',
    config: {
        control: {
            'my_dashboard': {
                painted: 'onDashboardPainted',
                inbox: 'showInbox'
            }
        }
    },

    onDashboardPainted: function(dashboard, eOpts) {
        dashboard.down('dataview').on('itemtap', function(sender, index, elem, record){ 
          dashboard.fireEvent(record.get('name'));
          //check the console to make sure you the value is: inbox
          console.log(record.get('name'));
        });
    },

    showInbox: function () {
        console.log('showInbox init');
    },

---

这绝对是一个范围问题...在您的控制器中为 my_dashboard 添加一个绘制函数...第一个函数变量将是 my_dashboard 组件本身：

painted: function(dashboard,...

现在在绘制函数中动态添加监听器：

dashboard.down('dataview').on(...其余的侦听器代码...

现在在听众里面做dashboard.fireEvent(....);

对不起，我的手机上的格式，如果你不能让它工作，我明天会发布代码

Answer 2

我会在数据视图上放一个itemId。

itemId: 'my_dashboard_dataview'

然后在你的控制器中......

control: {
            '#my_dashboard_dataview': {
                'itemtap': 'showInbox',
                ...
            }
        }