介绍 & lt; input id=皌xtPipeRowName",在,,,,
& lt; input id=皌xtPipeName",在 //,一层Combo
var srmCombx =, $ (“# txtShouName")组合框({,
装载机:函数(参数,成功,错误){,
美元,ajax({大敌;
url: & # 39; $ {CTX_ROOT}/TEquipmentsController ?方法=getEquipmentByParId& id=& # 39; + selectSgId + & # 39; & # 39;,,
数据类型:& # 39;json # 39;,,
成功:时间函数(数据){大敌;;
dataunshift ({equipmentid: & # 39; & # 39;, equipmentname: & # 39;全部& # 39;}),,
成功(数据),,
},,
,,,,,,,错误:,函数(){,
errorapply(,,论点);,
},
}),,
,,},
onSelect才能:函数(记录){,//onSelect 用户点击时触发的事件,在此的意义在于,用户点击一级后自动二级combobox
,piperowCombxcombobox({大敌;
装载机:函数(参数,成功,错误){,
美元,ajax({大敌;
url: & # 39; $ {CTX_ROOT}/TEquipmentsController ?方法=getEquipmentByParId& id=& # 39; + $ (“# txtShouName")组合框(“getValue") + & # 39; & # 39;,,
数据类型:& # 39;json # 39;,,
成功:时间函数(数据){大敌;;
dataunshift ({equipmentid: & # 39; & # 39;, equipmentname: & # 39;全部& # 39;}),,
成功(数据),,
},,
,,,,,,,错误:,函数(){,
errorapply(,,论点);,
},
}),,
,,},
onSelect才能:函数(记录){,//这里也使用了onSelect事件,在二级组合框被用户点击时触发三级combobox
,pipeCombxcombobox({大敌;
装载机:函数(参数,成功,错误){,
美元,ajax({大敌;
url: & # 39; $ {CTX_ROOT}/TEquipmentsController ?方法=getEquipmentByParId& id=& # 39; + $ (“# txtPipeRowName")组合框(“getValue") + & # 39; & # 39;,,
数据类型:& # 39;json # 39;,,
成功:时间函数(数据){大敌;;
dataunshift ({equipmentid: & # 39; & # 39;, equipmentname: & # 39;全部& # 39;}),,
成功(数据),,
},,
,,,,,,,错误:,函数(){,
errorapply(,,论点);,
},
}),,
,,},
valueField才能:& # 39;equipmentid& # 39;,,,,
textField才能:& # 39;equipmentname& # 39;,,
价值:才能& # 39;& # 39;,,
可编辑的才能:false
}),,
,,},
onLoadSuccess才能:函数(){,//清空三级下拉框,就是成功加载完触发的事件,当一级组合框改变时,二级和三级就需要清空,
pipeCombxcombobox才能(“clear");,
pipeCombxcombobox才能(& # 39;setvalue # 39;,, & # 39;全部& # 39;);,//给组合框下拉框设置一个值,否则为空不好看,
,,},
valueField才能:& # 39;equipmentid& # 39;,,,,
textField才能:& # 39;equipmentname& # 39;,,
价值:才能& # 39;& # 39;,,
可编辑的才能:false
})组合框(“clear");,//清空二级下拉框,
,
,,},
valueField才能:& # 39;equipmentid& # 39;,,,,
textField才能:& # 39;equipmentname& # 39;,,
价值:才能& # 39;& # 39;,,
可编辑的才能:false
}),,/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */,//下面的俩个是组件,,
,//,二层Combo
var piperowCombx =, $ (“# txtPipeRowName")组合框({,
装载机:函数(参数,成功,错误){,
美元,ajax({大敌;
url: & # 39; $ {CTX_ROOT}/TEquipmentsController ?方法=getEquipmentByParId& id=& # 39; + $ (“# txtShouName")组合框(“getValue") + & # 39; & # 39;,,
数据类型:& # 39;json # 39;,,
成功:时间函数(数据){大敌;;
dataunshift ({equipmentid: & # 39; & # 39;, equipmentname: & # 39;全部& # 39;}),,
成功(数据),,
},,
,,,,,,,错误:,函数(){,
errorapply(,,论点);,
},
}),,
,,},
valueField才能:& # 39;equipmentid& # 39;,,,,
textField才能:& # 39;equipmentname& # 39;,,
价值:才能& # 39;& # 39;,,
可编辑的才能:false
}),,
,//三层Combo
var pipeCombx=$ (“# txtPipeName")组合框({,
装载机:函数(参数,成功,错误){,
美元,ajax({大敌;
url: & # 39; $ {CTX_ROOT}/TEquipmentsController ?方法=getEquipmentByParId& id=& # 39; + $ (“# txtPipeRowName")组合框(“getValue") + & # 39; & # 39;,,
数据类型:& # 39;json # 39;,,
成功:时间函数(数据){大敌;;
dataunshift ({equipmentid: & # 39; & # 39;, equipmentname: & # 39;全部& # 39;}),,
成功(数据),,
},,
,,,,,,,错误:,函数(){,
errorapply(,,论点);,
},
}),,
,,},
valueField才能:& # 39;equipmentid& # 39;,,,,
null
null
null
null
这篇文章给大家介绍怎么在jQuery中使用EasyUi实现一个三级联动下拉框效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
html表单
easyUi的组合框:
