如何从 extjs splitbutton 菜单访问工具栏？

Question

我有一个像这样的工具栏

  tbar: [{
            xtype        : 'textfield',
            name        : 'number',
            itemId        : 'number',
            listeners    : {
                change    : function(t,n){
                        console.log(this.up('toolbar').down('#splitbut')) // i can access splitbutton from here
                }
            }                                                          
        },{
            xtype    : 'splitbutton',
            text    : 'Report',
            disabled: true,
            itemId    : 'splitbut',
            menu    : [{
                    text    : 'details',
                    handler    : function() {
                        // how to access #number text field  from here
                    }
                }

，我在菜单按钮处理程序中尝试了 this.up('menu').up('toolbar') ，但我收到未定义的消息，我尝试

任何想法如何从菜单按钮访问 #number 文本字段？

问候

Answer 1

我将分别定义文本字段和拆分按钮，然后以这种方式引用它们。

this.myTextField = new Ext.form.field.Text ({
    name: 'number',
    itemId: 'number',
    listeners: {
        change: function(t,n){
            console.log(this.mySplitButton) 
        }
    }    
this.mySplitButton= new Ext.button.Split ({
    text: 'Report',
    disabled: true,
    itemId: 'splitbut',
    menu: [{
        text: 'details',
        handler: function() {
            console.log(this.myTextField ) 
        }
    }   

Answer 2

Gihan 您的菜单项不是从具有 up 功能的组件扩展的。尝试将作用域传递给处理函数：

handler: function() {
            console.log(this.myTextField ) 
        },
scope: this or this.mySplitButton

在函数内设置断点并在 firebug 中检查它。那时你就会清楚地看到“这个”指的是什么。另外，如果您打算使用 ExtJS 进行开发，我强烈建议您获取 Firefox 开发人员的 Illuminations - 您会喜欢它的。