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

Posted

技术标签:

【中文标题】避免在 Grid Edit 行编辑中显示 ValueField【英文标题】:Avoid to display the ValueField in the Grid Edit row editing 【发布时间】:2017-02-22 13:50:53 【问题描述】:

我正在尝试使用组合框项目编辑 Gridpanel。 当我尝试选择要编辑的值并单击另一个单元格时,值字段出现在单元格中,如附图所示,我想显示项目的描述并保持 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
                        )
                    
                
            
        

【问题讨论】:

看不到图片。 @SuryaPrakashTumma 已更新...!!!!!!!!! @SuryaPrakashTumma 你能不能也看看这个!!! Here.... 在我的示例中,它没有正确清除 @SuryaPrakashTumma 是的,但它允许添加任何值对吗?我想限制它。用户应该能够从组合框中选择值。 【参考方案1】:

我可以建议你一个解决方案,使用列的渲染器函数识别它是否是数字,如果数字从商店获取相应的名称并返回名称......检查我的小提琴。 check the fiddle for my example

【讨论】:

感谢天才.. 我应用了这个解决方案。 请注意,这仅在数据加载到存储中时有效,否则您会遇到找不到记录的错误。如果使用远程存储,则需要添加监听器以在存储加载时刷新网格 有一个问题。当我单击单元格时,我会重置为您的默认值 null ,我只想保留上次更新时选择的值。请问我该怎么做? 就像我想保留forceselction(true),但保留值

以上是关于避免在 Grid Edit 行编辑中显示 ValueField的主要内容,如果未能解决你的问题,请参考以下文章

Kendo Grid:禁用行编辑

在 jqgrid 中的多行 EDIT 案例中展开文本

Web应用开发---查询Grid显示行编辑

防止在剑道网格中编辑一行?

如何强制 ag-grid 滚动到选定/突出显示的行位置

如何在 ag-grid 中捕获行悬停事件?