extjs6.5中使用列编辑遇到的问题的解决方案

在grid中使用列编辑的为combo类型的编辑框的时候与遇到的问题，

1、选择之后显示的数据是key。

2、combo的store默认为空，根据输入动态查询，开启已经存在数据的列编辑的时候在combo中不显示已经存在的数据。

3、store中的数据使用实时加载的方式，会导致当store源数据刷新之后，之前的数据显示错误。

4、将combo中的数据全部删除的时候，触发不了renderer事件。

5、选择数据不合理的时候在界面上会显示之前选择的不合理的数据。

针对以上问题的解决方案

1、通过列的renderer事件，将key值转换成对应的value值

通过Ext.StoreManager.get(id)获取到combo的store，然后var record=store.queryRecords('key', key);

return record[0].data.value;

界面上就会显示成value的值了。

renderer的使用带来了新的问题，在数据加载的时候会出现错误，原因是数据加载的时候combo并没有开启，导致数据获取不到，显示在界面上的时候就会报错。

解决办法：对combo进行判断，若是不存在就返回数据库中查询出来的数据，不进行数据转换。

2、在开启编辑事件中添加combostore的刷新事件

beforeedit：function (editor, context, eOpts) {
        var me = this;
        var store = Ext.StoreManager.get(id);
        store.getProxy().extraParams.SearchWords = context.value;
        store.load({
            callback: function () {
                me.view.getReferences()[name].setValue(context.value);
            }
        });
    }

3、在界面上加载一个承载全部数据的store，通过这个store进行数据验证跟数据转换。

4、在combo中添加change事件，当数据清空的时候将数据变成一个空格，这样在renderer中处理的时候要将数据中的前后空格都去掉。

5、将列表中的数据清空之后使用commit来刷新界面上的数据

context.record.data[name] = ""; context.record.commit();