2024年8月27日 星期二

V80202 - combobox - 產生靜態的選項(store local) - combo - 過濾欄位 - get_cmp_filter1

 目的:  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單號", },
                                 ]
                         }  );

                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;
};

 


沒有留言:

張貼留言