extjs的Ext.grid.EditorGridPanel中ComboBox显示值的问题

jjfdk

于 2019-09-30 11:58:40 发布

阅读量706

点赞数

分类专栏： js 文章标签： extjs

本文链接：https://blog.youkuaiyun.com/ada_ayah/article/details/101761797

版权

js 专栏收录该内容

1 篇文章

订阅专栏

问题描述，当editorGridPanel中的cell使用comboBox的时候，最终显示的值是comboBox的valuefield，本意希望显示displayField
在网上找了一些方法，说是在表格列renderer中利用Combobox来设置
参考https://blog.youkuaiyun.com/sonwing_for/article/details/75095367
但是此种方法，必须将combobox设为全局变量，不然表格的renderer是无法获取到的，于是自己想了一个方法，如下
给表格增加afteredit事件，代码如下所示

afteredit:function(e){
    var editor = e.grid.getColumnModel().getCellEditor(e.column ,e.row );
    if(editor && editor.field instanceof Ext.form.ComboBox){
        var val = editor.field.getRawValue();
        e.record.set(e.field,val);
        e.record.commit();
   }
}