目的: Combobox 選項內容由 store(local) 提供
處理說明: 1>產生local store
var Tmp_Store = Ext.create("Ext.data.Store", {
fields: ["value", "displayName"],
data: [
{ value: "", displayName: "請選擇", },
{ value: "ECNO", displayName: "EO ECN", },
{ value: "PROCWC", displayName: "生產工廠", },
{ value: "PN", displayName: "件號", },
{ value: "AMMNO", displayName: "AMM單號", },
]
var Tmp_Store = Ext.create("Ext.data.Store", {
fields: ["value", "displayName"],
data: [
{ value: "", displayName: "請選擇", },
{ value: "ECNO", displayName: "EO ECN", },
{ value: "PROCWC", displayName: "生產工廠", },
{ value: "PN", displayName: "件號", },
{ value: "AMMNO", displayName: "AMM單號", },
]
} );
2>產生過濾欄位
var cmp_filter1 = get_cmp_filter1("過濾條件1", "s_filter1", 80, 80, Tmp_Store);
3>get_cmp_filter1
//get_cmp_combox1 取得 combobox 元件 , 資料來源為 local , 非遠端, 獨立 checkbox , id : par_id, 且含有過濾條件的值
function get_cmp_filter1(par_caption, par_id, par_l_width, par_width, par_store, par_flex,par_t_width) {
if (checkisnull(par_l_width)) {
par_l_width = 60;
}
if (checkisnull(par_width)) {
par_width = 80;
}
if (checkisnull(par_flex)) {
par_flex = 10;
}
if (checkisnull(par_t_width)) {
par_t_width = 40;
}
var rtn_cmp =
{
xtype: "fieldcontainer", fieldLabel: par_caption, labelWidth: par_l_width, layout: "hbox", flex: par_flex,
items: [{
xtype: "combo",
id: par_id,
//fieldLabel: par_caption,
//labelWidth: par_l_width,
width: par_width,
queryMode: 'local',
store: par_store,
displayField: 'displayName',
valueField: 'value',
padding: "0 4 0 0",
editable: false, // 禁止編輯
},
{
xtype: "textfield", id: par_id + "_val", width: par_t_width, padding: "0 4 0 0",
}, // end of s_AMM單號
]
}; // end of s_AMM單號
return rtn_cmp;
};
沒有留言:
張貼留言