Question

这是工具栏的一部分（按钮未预览）照常：

查看

Ext.define('TEST.view.desktop.Toolbar', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.testtoolbarX',

initComponent: function() {
        debugger;
        var me = this;
        Ext.applyIf(me, {
            dockedItems: [{
                xtype: 'toolbar',
                dock: 'top',
                action: 'toolbarMouseOut',

iam尝试在控制器中执行操作，它适用于buttons，但不适用于整个toolbar 如果我这样编码它有效（但我不需要它）

CONTROLLER ：

  init: function() {

        var me = this,
            app = me.getApplication();

        me.control({

            '[xtype=testtoolbarX] button[action=toolbarMouseOut]': {

                mouseout: me.onHideToolbar
            },

我需要它，但我不确定工具栏是否正确名称。我尝试了一切，但仍然没有。

  init: function() {
        debugger;

        var me = this,
            app = me.getApplication();

        me.control({

            '[xtype=testtoolbarX] toolbar[action=toolbarMouseOut]': {

                mouseout: me.onHideToolbar
            },

请帮助我如何对整个工具栏中的MOUSEOUT做出反应？

Answer 1

正如我在评论中提到的，没有为工具栏对象本身定义mouseout事件。但是，您可以在el上收听该事件。声明它是这样的：

{
   xtype: 'toolbar',
   dock: 'top',
   listeners: {
      el: {
          mouseout: function() {
               console.log('Mouseout on toolbar!');
           }
      }
   },
   items: []
}

我可以使用其他控制器中的操作隐藏extjs工具栏吗？

1 个答案: