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

コメントで述べたように、ツールバー オブジェクト自体に対して定義されたマウスアウト イベントはありません。ただし、el でそのイベントをリッスンできます。このように宣言するとうまくいきます：

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