国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery使用EasyUi實現三級聯動下拉框效果

2024-05-06 15:10:08
字體:
來源:轉載
供稿:網友

其它的都不說,使用easyui實現三級聯動主要就是一層套一層,大家且看代碼

html表單

<input id="txtPipeRowName" style="width:150px;">    <input id="txtPipeName" style="width:150px;"> 

easyUi的Combobox:

// 一層Combo var srmCombx = $("#txtShouName")combobox({ loader:function(param,success,error){   $ajax({ url: '${CTX_ROOT}/TEquipmentsController?method=getEquipmentByParId&id='+selectSgId+'', dataType: 'json', success: function(data){ dataunshift({equipmentid:'',equipmentname:'全部'}); success(data); },         error: function(){ errorapply(this, arguments); } });   },   onSelect:function(record){ //onSelect 用戶點擊時觸發的事件 在此的意義在于,用戶點擊一級后自動二級combobox   piperowCombxcombobox({ loader:function(param,success,error){   $ajax({ url: '${CTX_ROOT}/TEquipmentsController?method=getEquipmentByParId&id='+$("#txtShouName")combobox("getValue")+'', dataType: 'json', success: function(data){ dataunshift({equipmentid:'',equipmentname:'全部'}); success(data); },         error: function(){ errorapply(this, arguments); } });   },   onSelect:function(record){ //這里也使用了onSelect事件,在二級combobox被用戶點擊時觸發三級combobox   pipeCombxcombobox({ loader:function(param,success,error){   $ajax({ url: '${CTX_ROOT}/TEquipmentsController?method=getEquipmentByParId&id='+$("#txtPipeRowName")combobox("getValue")+'', dataType: 'json', success: function(data){ dataunshift({equipmentid:'',equipmentname:'全部'}); success(data); },         error: function(){ errorapply(this, arguments); } });   },   valueField: 'equipmentid',     textField: 'equipmentname',   value:'',   editable:false });   },   onLoadSuccess:function(){ //清空三級下拉框 就是成功加載完觸發的事件 當一級combobox改變時,二級和三級就需要清空   pipeCombxcombobox("clear");   pipeCombxcombobox('setValue', '全部'); //給combobox下拉框設置一個值,否則為空不好看   },   valueField: 'equipmentid',     textField: 'equipmentname',   value:'',   editable:false })combobox("clear"); //清空二級下拉框    },   valueField: 'equipmentid',     textField: 'equipmentname',   value:'',   editable:false }); /*******************************/ //下面的倆個是組件,  // 二層Combo var piperowCombx = $("#txtPipeRowName")combobox({ loader:function(param,success,error){   $ajax({ url: '${CTX_ROOT}/TEquipmentsController?method=getEquipmentByParId&id='+$("#txtShouName")combobox("getValue")+'', dataType: 'json', success: function(data){ dataunshift({equipmentid:'',equipmentname:'全部'}); success(data); },         error: function(){ errorapply(this, arguments); } });   },   valueField: 'equipmentid',     textField: 'equipmentname',   value:'',   editable:false });  //三層Combo var pipeCombx=$("#txtPipeName")combobox({ loader:function(param,success,error){   $ajax({ url: '${CTX_ROOT}/TEquipmentsController?method=getEquipmentByParId&id='+$("#txtPipeRowName")combobox("getValue")+'', dataType: 'json', success: function(data){ dataunshift({equipmentid:'',equipmentname:'全部'}); success(data); },         error: function(){ errorapply(this, arguments); } });   },   valueField: 'equipmentid',     textField: 'equipmentname',   value:'',   editable:false });            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 曲水县| 边坝县| 刚察县| 郑州市| 崇文区| 隆回县| 芜湖县| 广河县| 论坛| 林甸县| 黔西县| 通榆县| 灵寿县| 邛崃市| 土默特右旗| 盐城市| 玉林市| 洞头县| 客服| 巴林右旗| 鸡泽县| 永修县| 罗田县| 怀仁县| 顺平县| 景洪市| 黄冈市| 大安市| 莲花县| 辽源市| 合水县| 鹤峰县| 金坛市| 布尔津县| 岑巩县| 酉阳| 额济纳旗| 北辰区| 乐都县| 吉水县| 林口县|