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形成一致