在具有可编辑下拉单元格的 ui 网格中显示可读数据

Question

我有一个可编辑的 angular-ui-网格，其中我在 columnDefs 对象中的可编辑列定义为

columnDefs: [ {   
                name: "rightslist",
                displayNameKey: tr.rightsList,
                editableCellTemplate: 'ui-grid/dropdownEditor',
                editDropdownOptionsArray: [{name: 'Read-Only', value: 1}, {name: 'Read-Write', value: 2}],
                editDropdownIdLabel: 'value',
                editDropdownValueLabel: 'name',           
                enableCellEdit: true
            }]

下拉菜单显示 "Read-Only" 和 "Read-Write" 很好，但是当它关闭时，我在网格中看到的不是 "name"，而是 "value" （1 或 2）。

在 ui-grid example here 中，单元格的显示是使用将此类值转换为文本的文件管理器实现的。有没有更简单的方法来告诉 "show me name, not value when cell is not being edited" ?

Answer 1

由于您不需要过滤器，我假设文本位于模型字段中。如果是这样的话，我可以想出两种解决方案。

将 "value: 1" 替换为 "value: 'Read-Only'" 或
将 editDropdownIdLabel 更改为 'name'

我知道 1 个有效 - 我没试过 2 个。

在具有可编辑下拉单元格的 ui 网格中显示可读数据

Showing readable data in ui-grid with editable drop-down cell

angularjs

ng-grid

angular-ui-grid