Extjs 网格列 - 组合在值更改后显示键而不是值
Extjs Grid Column- Combo displaying key instead of value after value change
>我有网格,其中有动态列。当用户单击此列时,它会显示商店返回的值列表。一旦他们用户选择任何值,我希望显示字段显示值而不是该值的数字 id(key)。
.....................
......................
plugins : [
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1,
pluginId: 'Editor',
listeners : {
delay:1,
scope: this
}
})
],
doAfterFilterRendered : function() {
for (var i = 0; i <Ext.getCmp('ReportGrid').gridColumns.length; i++) {
if (ColumnGridType == 'COMBOBOX')// base on some condition i m trying to create combo box
{
Ext.getCmp('ReportGrid').gridColumns[i].editor= {
xtype: 'combobox',
forceSelection: true,
id : 'idCombo'
editable: false,
triggerAction: 'all',
allowBlank: false,
store: me.getColumnStoreList("Country")// which return 2 dimentional array with key value
}
}
}
Ext.getCmp('ReportGrid').getStore().load();
Ext.getCmp('ReportGrid').reconfigure(Ext.getCmp('ReportGrid').store, Ext.getCmp('ReportGrid').gridColumns);
},
......................
........................
我尝试按照事物显示值而不是键。
doAfterFilterRendered : function() {
for (var i = 0; i <Ext.getCmp('ReportGrid').gridColumns.length; i++) {
if (ColumnGridType == 'COMBOBOX')// base on some condition i m trying to create combo box
{
Ext.getCmp('ReportGrid').gridColumns[i].editor= {
xtype: 'combobox',
forceSelection: true,
id : 'idCombo'
editable: false,
triggerAction: 'all',
allowBlank: false,
store: me.getColumnStoreList("Country") // which return 2 dimentional array with key value,
**fields: ['key', 'value']}),
valueField: 'key',
displayField: 'value',**
}
}
}
您需要在列网格中添加渲染器:类似的东西
renderer: function(val){
index = me.getColumnStoreList("Country").findExact('key',val);
if (index != -1){
rs = me.getColumnStoreList("Country").getAt(index).data;
return rs.value;
}
},
来源: Extjs4 组合框显示网格中的值
相关文章:
- ui网格将单元格显示为选择标记
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- Angular UI-GRID未在页面上显示网格
- 如何使用Kendo UI mvc扩展显示网格页脚值
- 如何在ExtJs中显示网格上的线数
- 如何使用垂直滑动选项在屏幕中间显示网格
- 在 Extjs 中需要帮助才能在面板中显示网格
- 显示网格单元格中的窗口?EXTjs
- 根据选定的单选框,在一组单选框旁边显示网格
- Angular UI在列中显示网格数组
- 如何在three.js中显示网格上的QRcode
- 在D3直方图中没有显示网格线
- Three.js GridHelper:如何隐藏/显示网格
- 引导下拉显示网格
- 第一个选项卡面板没有显示网格中的数据(ie9)
- Extjs显示网格表
- 以html显示网格
- 使用 ext js 4.1 突出显示网格中的一行
- 为什么 ExtJS 3 的 Ext.Loader 似乎缺少零件并且没有显示网格
- 如何在Extjs 4.0中鼠标悬停时突出显示网格