避免在 Grid Edit 行编辑中显示 ValueField

Question

我正在尝试使用组合框项目编辑网格面板。当我尝试选择要编辑的值并单击另一个单元格时，值字段出现在单元格中，如所附图像所示，我想显示项目的描述并隐藏 valueField 不显示。我如何才能始终显示描述并编辑、更新面板。知道我只能用 id（出现在图像第二部分的 valueField）更新数据。

请帮忙。提前致谢。

那个格子的一小块

{
            header: 'Field Time Distrib',
            xtype: 'gridcolumn',
            dataIndex: 'feild_distributor',
            flex: 1,
            editor: {
                xtype: 'combobox',
                allowBlank: true,
                displayField: "description",
                valueField: "distribsrcid",
                queryMode: 'local',
                mapperId: 'getfeildDistrib',
                lastQuery: '',
                forceSelection: true,               
                listeners: {
                    expand: function () {
                        var call = this.up('timegrid[itemId=feilddTimeGrid]').getSeletion().selection.record.data.fieldname.trim();
                        this.store.clearFilter();
                        this.store.filter({
                            property: 'call',
                            value: call,
                            exactMatch: true
                        })
                    }
                }
            }
        }

Answer 1

我可以建议你一个解决方案，使用列的渲染器功能识别它是否是数字，如果数字从商店获取相应的名称和 return 名称...检查我的 fiddle . check the fiddle for my example

避免在 Grid Edit 行编辑中显示 ValueField

Avoid to display the ValueField in the Grid Edit row editing

grid

extjs

gridpanel