将变量传递给按钮的处理程序

Question

在我的界面中，我创建了这个按钮：

{
        xtype: 'button',
        width: 196,
        height: 29,
        hidden: false,
        text: Strings.sharedNotifications,
        glyph: 'xf003@FontAwesome',
        handler: 'onNotificationsClick',
        reference: 'settingsNotificationsButton',
        cls: 'buttonsCls',
         id : 'settingsMenuButton7'
    }

并且在控制器中，我将此函数定义为上述按钮的处理程序：

 onNotificationsClick: function () {
                Ext.create('Mine.view.BaseWindow', {
                    title: Strings.sharedNotifications,
                    items: {
                        xtype: 'notificationsView'
                    }
                }).show();
            },

我想在面板上应用额外的样式（添加 CSS class 和 addCls 方法）它根据控制器中定义的某些全局变量在单击时显示.如何将变量（例如 var dark;）传递给 onNotificationsClick，以便在单击时设置面板样式。谢谢

Answer 1

我会在处理程序中触发一个事件。当您触发事件时，您可以传递参数。

Here is a fiddle.

将变量传递给按钮的处理程序

Passing a variable to a button's handler

extjs

extjs5