ExtJS:在组合框中使用事件监听器来更新另一个表单控件中的fieldLabel

时间:2016-02-25 17:43:43

标签: javascript extjs handler

我在ExtJS(5.1.2)网格面板中有一个组合框,它是dockedItems工具栏中的一个组件,定义为:

{
    xtype: 'combo',
    flex: 1,
    width: 400,
    itemId: 'labCode',
    queryMode: 'local',
    triggerAction: 'all',
    forceSelection: true,
    loading: true,
    fieldLabel: 'Select lab type',
    displayField: 'description',
    fieldName: 'description',
    valueField: 'code',
    store: 'Labs',
    listeners: {
        change: function(combo, value) {
            if (value) {
                record = this.getSelectedRecord();
                console.log(record.raw.units);
                units = record.raw.units;
                console.log(combo.up('grid').down('#labValue'))
                combo.up('grid').down('#labValue').fieldLabel = units
            }
        }
    }
}

当我从下拉列表中选择一个项目时,我正在尝试更新另一个表单组件#labValue中的fieldLabel。当我将表单组件对象写入控制台时,它肯定会给出预期的值,但在表单本身上,组件#labValue的fieldLabel为空。如何使用新的fieldLabel更新组件#labValue

编辑1

我正在尝试按照下面的评论实现绑定的使用,但我不确定如何将给定小提琴中给出的容器小部件放入我的网格面板上方的dockedItems工具栏中?

1 个答案:

答案 0 :(得分:0)

在评论问题时看小提琴。应该给你答案。