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

首頁 > 編程 > JavaScript > 正文

jQuery使用EasyUi實現三級聯(lián)動下拉框效果

2019-11-19 17:15:28
字體:
來源:轉載
供稿:網友

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

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 用戶點擊時觸發(fā)的事件 在此的意義在于,用戶點擊一級后自動二級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被用戶點擊時觸發(fā)三級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(){ //清空三級下拉框 就是成功加載完觸發(fā)的事件 當一級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 });

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 灵丘县| 嘉禾县| 宁晋县| 灵山县| 龙陵县| 稷山县| 赞皇县| 黔西县| 临沭县| 云梦县| 修文县| 类乌齐县| 肥城市| 长葛市| 达孜县| 余姚市| 驻马店市| 永昌县| 铁力市| 天全县| 许昌市| 彭山县| 屏山县| 都江堰市| 松阳县| 乡城县| 灵山县| 梅州市| 夏河县| 墨竹工卡县| 方城县| 乌兰察布市| 清丰县| 巴楚县| 临湘市| 东乡| 基隆市| 奉化市| 青阳县| 桓台县| 铜川市|