0

这里是工具栏的一部分（按钮不预览）像往常一样：

看法

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',

我试图在控制器中采取行动， 如果我这样编码，它可以buttons正常工作但不能整体工作（但我不需要它）toolbar

控制器：

  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 做出反应？

4

1 回答 1

1

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

{
   xtype: 'toolbar',
   dock: 'top',
   listeners: {
      el: {
          mouseout: function() {
               console.log('Mouseout on toolbar!');
           }
      }
   },
   items: []
}
于 2013-08-12T20:44:43.330 回答