2

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

查看

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()

4

2 回答 2

0

更新

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

控制器:

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(....);

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

于 2012-10-05T04:11:47.547 回答
0

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

itemId: 'my_dashboard_dataview'

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

control: {
            '#my_dashboard_dataview': {
                'itemtap': 'showInbox',
                ...
            }
        }
于 2012-10-05T00:55:26.170 回答