Extjs dockedItems-来自面板的文本

我有一个树面板

一切正常

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', {});
});

但dockedItems的文本希望来自面板。大概是这样的：

text:this.ChooseButtonText

---

每个DockedItem都有侦听器处理程序：function（）{}。我怎样才能看到这个函数中的变量呢？

在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');
    }
});

---

未捕获的TypeError:Object[Object Array]没有方法“insert”，每个DockedItem都有侦听器-处理程序：function（）{}。我怎样才能看到这个函数中的变量呢？