extjs - dockedItems - 面板中的文本

Question

我有树面板。

一切正常！

Ext.define('My.Tree', {
    extend:'Ext.tree.Panel',
    id: 'DriveTree',
    store: storeTree,


    ChooseButtonText: 'ChooseFolder',
    dockedItems: [{
        xtype: 'toolbar',
         items: [{
           text: 'BUTTON TEXT', //  this.ChooseButtonText
           id:'connectButton',

                   handler: function(){

                              alert(this.ChooseButtonText);

                         }
         }, 

         ]
    }],


});



Ext.onReady(function(){
var tree =Ext.create('My.Tree', {});
});

但是停靠项的文本希望来自面板。像这样的东西：

text:this.ChooseButtonText

每个停靠项都有侦听器 - 处理程序：function(){}。我怎样才能看到这个函数中的变量呢？

Answer 1

在 initComponent 中执行：

Ext.define('My.Tree', {
    extend: 'Ext.tree.Panel',
    id: 'DriveTree',
    store: storeTree,

    ChooseButtonText: 'ChooseFolder',
    initComponent: function() {
        this.dockedItems = [{
            xtype: 'toolbar',
            items: [{
                text: this.ChooseButtonText,
                scope: this,
                handler: this.onConnectButtonClick
            }]
        }];
        this.callParent();
    },

    onConnectButtonClick: function() {
        console.log('Do something');
    }
});