1

ExtJS4のグリッドパネルでitemclickをオーバーライドする方法は？私はこのようなエイリアスtableAを持つgridpanelを持っています：

Ext.define('AM.test.TableA', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.tableA',

    initComponent: function() {
        // tableA configurations
        this.callParent(arguments);
    }
});

そして私のtableAコントローラーはこのように：

Ext.define('AM.test.TableAController', {
       extend: 'Ext.app.Controller',

       init: function() {
            this.control({
               'tableA': {
                   itemclick: this.tableSelection
                }
            });
       },
       tableSelection: function(grid, record) {
            console.log('tableA selection');
       }
}

この構成では、tableAの行をクリックすると、コンソールに「tableAselection」というメッセージが表示されます。次に、次のようにtableAをtableBに拡張します。

Ext.define('AM.test.TableB', {
    extend: 'AM.test.TableA',
    alias: 'widget.tableB'
});

そして私のtableBコントローラーは次のようになります：

Ext.define('AM.test.TableBController', {
    extend: 'Ext.app.Controller',

    init: function() {
        this.control({
           'tableB': {
               itemclick: this.tableBSelection
           }
        });
    },
    tableBSelection: function(grid, record) {
          console.log('tableB selection');
    }
}

これで、tableBの行をクリックすると。コンソールダイアログに次のようなメッセージ「tableBselection」と「tableAselection」が表示されます。

tableB selection
tableA selection

ところで、「tableB」の「tableA」からitemclickをオーバーライドするにはどうすればよいですか？tableAで「itemclick」を呼び出したくありません。

4

1 に答える 1

3

BでstopPropogationを使用して、itemclickイベントのバブリングを停止してみてください http://docs.sencha.com/ext-js/4-0/#!/api/Ext.EventObject-method-stopPropagation

于 2011-10-12T05:20:17.127 に答える