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