1.
已封裝好easycombobox.js 有create方法和init方法
var EC = require("resource/js/component/easycombobox.js");
//從tbl_base_code 中查詢,條件是base_type in(‘status’,‘XX’)
EC.create({url:BASEPATH+"/base/authoriza/basecode/getType.htm",
param:{checkeds:"status,xx"}
});
EC.init({ ele:"#searchState", grouptype:"status" }); // 遍歷類型,如果不寫會把checkeds內所有都遍歷
jsp中有下拉定義
<div class="groundform clear">
<label>可用狀態:</label>
<div class="inputWidth">
<input id="searchState" name="sfyx">
</div>
</div>
遍歷status valueField :base_code
textField: base_name 默認 請選擇
例如 0 可用
1 不可用
2.
異步請求取出數據然後遍歷
searchBsType("contentId","selectId","content");//選項下拉列表
function searchBsType(id,value,text){
using("combobox",function(){
ajax.init().success(function(code,msg,data){//異步取出選項對象
if(data){
combobox.init(
{ ele:"#"+id,
valueField:value, //value
textField:text, //顯示
remote:false,
emptyval:true
}
).load(data);
}
}).post(BASEPATH+'/bm/quest/queryQuestById.htm',{questId:$("#questId").val()});
});
}
jsp:
<div class="groundform clear" id="selectContent">
<label>選項:</label>
<div class="inputWidth">
<input class="easyui-combobox" id="contentId" name="selectId" data-options="prompt:'請選擇選項',editable:'true'"/>
</div>
</div>
3.
var data = [{id:"",name:"請選擇"},{id:"0",name:"單選"}, {id:"1",name:"多選"},{id:"2", name:"問答"}];
$("#types").combobox({
valueField:'id',
textField:'name',
editable:false,
data:data, //被加載的列表數據
onSelect:function(record){ //選中後觸發事件
if(record.name=="問答"){
$("#txt1,#txt2,#txt3,#txt4").hide();
}else{
$("#txt1,#txt2,#txt3,#txt4").show();
}
}
});
jsp:
<tr>
<td class='key'><span>*</span>類型:</td>
<td>
<input type="easyui-combobox" name="type" id="types" style="width: 400px;" data-options="required:true"/>
</td>
</tr>
4.
設置組合框(combobox)值的數組。
代碼實例:
- $('#cc').combobox('setValues', ['001','002']);
代碼實例:
- $('#cc').combobox('setValue', '001');