EasyUi+Ajax实现二级联动

最新推荐文章于 2020-09-16 10:56:17 发布

转载最新推荐文章于 2020-09-16 10:56:17 发布 · 1.0k 阅读

本文介绍了一个使用EasyUI实现的下拉框联动案例，通过Ajax动态加载数据，展示了如何配置下拉框控件并使其根据用户的选择进行联动更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考于 http://blog.youkuaiyun.com/lhq13400526230/article/details/12427225#comments

作为一名初学者,记录下自己学习过程中的心得与总结

源码: jsp部分

$(function() {
// 下拉框选择控件，下拉框的内容是动态查询数据库信息
$('#lanmu').combobox({
url:'easyui!lanmu',
//不可编辑状态
cache: false,
panelHeight: 'auto',//自动高度适合
valueField:'classid',
textField:'classname',
value:"请选择栏目",

onHidePanel: function(){
$("#leibie").combobox("setValue",'请选择类别');
var lanmuid = $('#lanmu').combobox('getValue');

$.ajax({
type: "POST",
url: "/SSSH/easyui!leibie?classid="+lanmuid,
cache: false,
dataType : "json",
success: function(data){
$("#leibie").combobox("loadData",data);
}
});
}
});

$('#leibie').combobox({
//url:'itemManage!categorytbl',
editable:false, //不可编辑状态
cache: false,
panelHeight: 'auto',//自动高度适合
valueField:'id',
textField:'teacher'
});

});

转换Json字符串需要用到

public String toJsonArray(List list) throws IOException{
HttpServletResponse response = ServletActionContext.getResponse();
HttpServletRequest request = ServletActionContext.getRequest();
JSONArray json = JSONArray.fromObject(list);
response.setCharacterEncoding("utf-8");// 指定为utf-8
response.getWriter().write(json.toString());// 转化为JSOn格式
return NONE;
}

得到关联的两个实体类需要转换成VO类。