ExtJS中获取combobox当前选项的显示值

最新推荐文章于 2020-10-23 11:14:55 发布

SucreLiu04

最新推荐文章于 2020-10-23 11:14:55 发布

阅读量4.8k

点赞数 1

分类专栏： ExtJS 文章标签： extjs javascript

ExtJS 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种方法来获取ExtJS中ComboBox当前选中项的显示值。通过遍历ComboBox的store并匹配valueField的值来找到对应的记录，进而获取到所需的displayField的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.问题描述：ExtJS的combobox里边只有combo.getValue(),但没有直接获取displayField的方法，如何获取当前选项的显示值呢？

2.解决方案:拿着combobox的值去遍历combo的store,找到匹配的选项，获取它的显示域即可。

参考实现如下代码所示：

function getComboDisplay(combo) {
    var value = combo.getValue();
    var valueField = combo.valueField;
    var record;
    combo.getStore().each(function(r){
        if(r.data[valueField] == value){
            record = r;
            return false;
        }
    });
    return record ? record.get(combo.displayField) : null;
}