ExtJS - 如何获取组件项值

Question

我有一个组件如下:

{
    xtype: 'fieldcontainer',
    layout: 'hbox',
    id: 'article-level-container',
    defaultType: 'textfield',
    fieldDefaults: {
        labelAlign: 'top'
    },
    items: [{
        fieldLabel: 'LEVEL',
        name: 'artLevel',
        inputWidth: 216,
        margins: '0 5 5 0',
        allowBlank: false,
        fieldStyle: 'text-align: right; font-size: 13pt; background-color: #EAFFCC;'
    }, {
        fieldLabel: 'VALUE',
        name: 'artValue',
        inputWidth: 216,
        allowBlank: false,
        blankText: 'zorunlu alan, bo? b?rak?lamaz',
        fieldStyle: 'text-align: right; font-size: 13pt; background-color: #EAFFCC;',
        listeners: {
            change: function(textfield, newValue, oldValue) {
                if (oldValue == 'undefined' || newValue == '') {
                    Ext.getCmp('btnArticleSave').disable();
                } else {
                    Ext.getCmp('btnArticleSave').enable();
                }
            }
        }
    }]
} 

我想获得第二个项目fieldLabel值(在这种情况下为VALUE).

• 如何在onReady函数外部获取此字段值？
• 如何使用新值更改此字段标签(我想使用选定的组合框值更改fieldlabel)

更新 我尝试了以下内容:

var artField = Ext.ComponentQuery.query('#articleValueField');
console.log(artField);

Answer 1

一些常见的方法是使用Ext.ComponentQuery:

itemId在你的配置中给你的字段,例如itemId: 'theField':

 var field= Ext.ComponentQuery.query('#theField')[0];
 field.setFieldLabel(valueFromCombo);

在change你的组合中添加一个on listener,你可以使用up和down(也是组件查询)

listeners: {
  change: function(combo) {
    var form = combo.up('#form');
    var field = form.down('#theField');
    field.setFieldLabel(lookupValueFromCombo);
  }
}

请记住,ext js中的任何配置设置都将获得setter和getter,因此fieldLabel具有getFieldLabel()&setFieldLabel(s)方法.

上面的编辑只有ext js 4.1+和ext js 4.0+你可以这样做:

field.labelEl.update('New Label');