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