Ext应用--Combobox在Grid中的查询与显示

先定义查询Form中的Combobox

{ xtype : 'combo', fieldLabel : '类型', name : 'typeName', valueField : 'type', displayField : 'typeName', triggerAction : 'all', mode : "local", anchor : '95%', editable : false, store : combo_type_value }

然后定义store（本地定义）

var combo_type_value = new Ext.data.SimpleStore({ fields : ['type', 'typeName'], data : [['', ' '], ['k', '费用报销'], ['l', '费用预支'], ['m', '费用退款']] });

在grid中的columns定义

{ id : 'type', header : "类型", renderer : type_renderer, sortable : true, dataIndex : 'type' }

根据combobox的store来渲染renderer

function type_renderer(value, cellmeta, record, rowIndex, columnIndex, store) { var data = combo_type_value.data; var val = value; for (var i = 0; i < data.length; i++) { if (data.items[i].data.type == value) { val = data.items[i].data.typeName; break; } } return val; }

 

这样就会让Grid中的字段与查询中的combobox形成一致