EasyUI學習（二）Combobox
阿新 • • 發佈：2018-12-13
$("#activityRead").combobox({ url:"${ctx }/manager/login/getChuShi?unitId="+"${SESSION_LOGIN.unit.unitId}",//unitId=${SESSION_LOGIN.unit.unitId}& valueField:"id", textField:"text", panelHeight:160, onLoadSuccess:function(){ //這裡寫設定預設值 if("${vo.activityId}"){ $.ajax({ url:"${ctx }/manager/activity/getActivityRead", data:{ activityId:"${vo.activityId}" }, cache:false, dataType:"json", success:function(data){ var valueArr = new Array(); var textArr = new Array(); /* if(data.length==0){ if("${jListSize}" > 0){ <c:forEach var="map" items="${jList}" varStatus="vs"> valueArr.push("${map.loginId}"); textArr.push("${map.loginUserName}"); </c:forEach> } }else{ */ for(var i=0; i<data.length; i++){ valueArr.push(data[i].id); textArr.push(data[i].text); } //} $("#activityRead").combobox("setValues", valueArr); $("#activityRead").combobox("setText", textArr); } }); } } });
屬性
| 名稱 | 型別 | 描述 | 預設值 |
|---|---|---|---|
| valueField | string | 繫結到該組合框（ComboBox）的 value 上的基礎資料的名稱。 | value |
| textField | string | 繫結到該組合框（ComboBox）的 text 上的基礎資料的名稱。 | text |
| url | string | 從遠端載入列表資料的 URL 。 | null |
事件
| 名稱 | 引數 | 描述 |
|---|---|---|
| onBeforeLoad | param | 在請求載入資料之前觸發，返回 false 則取消載入動作。
程式碼例項：
|
| onLoadSuccess | none | 當遠端資料載入成功時觸發。 |
| onLoadError | none | 當遠端資料載入失敗時觸發。 |
| onSelect | record | 當用戶選擇一個列表項時觸發。 |
| onUnselect | record | 當用戶取消選擇一個列表項時觸發。 |
方法
該方法擴充套件自組合（combo），下面是為組合框（combobox）新增或重寫的方法。
| 名稱 | 引數 | 描述 |
|---|---|---|
| options | none | 返回選項（options）物件。 |
| getData | none | 返回載入的資料。 |
| loadData | data | 載入本地列表資料。 |
| reload | url | 請求遠端的列表資料。傳 'url' 引數來重寫原始的 URL 值。
程式碼例項：
|
| setValues | values | 設定組合框（combobox）值的陣列。
程式碼例項：
|
| setValue | value | 設定組合框（combobox）的值。
程式碼例項：
|
| clear | none | 清除組合框（combobox）的值。 |
| select | value | 選擇指定的選項。 |
| unselect | value | 取消選擇指定的選項。 |