dockedItems - 来自Panel的文本 [英] dockedItems - text from Panel

问题描述

我有树面板。

一切正常！

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

但是dockedItem的文本想要来自Panel。如下所示：

But text of dockedItems want to be from Panel. something like this:

text:this.ChooseButtonText

每个dockedItems都有listener - handler：function（）{}。如何在这个函数中看到变量？

推荐答案

在initComponent中执行：

Do it in 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');
    }
});

这篇关于dockedItems - 来自Panel的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！