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

ExtJS ComboBox 显示值获取

最新推荐文章于 2020-12-19 08:58:42 发布

转载最新推荐文章于 2020-12-19 08:58:42 发布 · 4.9k 阅读

文章标签：

#extjs #javascript

ExtJS 专栏收录该内容

19 篇文章

订阅专栏

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

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;
}