2011
Jan
03
使用Select預設功能,來進行多重資料選取的工具,輸出的畫面放成三個部分,上半部為搜尋功能,可以從尚未選擇的資料中進行搜尋,左半部為可以選的資料,右半部為已選擇的資料。
選單範例
UI使用說明
Example
- <div id="text">
- </div>
- <script>
- var option=new Array(
- "1:0:日式牛排","2:0:酸醬牛排","3:0:牛肉麵","4:1:酸辣麵","5:0:雜醬麵",
- "6:0:清蒸魚","7:0:煎魚","8:1:白帶魚","9:0:牛小排","10:0:豬肉片",
- "11:0:地瓜葉","12:1:高麗菜","13:0:花耶菜","14:0:A菜","15:0:大陸妹",
- "16:0:西瓜","17:0:鳳梨","18:1:蓮霧","19:0:香蕉","20:0:綜合拼盤"
- );
- var a=new multipleSelect({parent: "text" ,option:option,name:"test"},{showCanSelect:"可選擇的菜單",showSelected:"已選擇的菜單"});
- a.create();
- </script>
- 先將可以選擇的資料放進Array,資料格式「1:0:name」:第一個資料是指id,第二個資料是指是否已經選擇,1代表已選擇,0代表尚未選擇,第三個資料是物件名稱。
- 再建立multipleSelect物件,指定要插入的HTML TAG(id名稱),並可修改語言。
- 最後執行建立,xxx.create()。
回應 (Leave a comment)