公司已封裝easyUi下拉框,組合框

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)值的數組。
代碼實例:

  1. $('#cc').combobox('setValues', ['001','002']);
設置組合框(combobox)的值。
代碼實例:
  1. $('#cc').combobox('setValue', '001');

發佈了72 篇原創文章 · 獲贊 7 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章