easyui -combobox 动态获取下拉列表 前后台完整过程
前台：通过url=roleNameList.do 向后台获取json数据
$(function(){
$.getJSON("roleNameList.do",function(json) {
$('#roleName').combobox({
data: json.roleList, //获取到的json 数据
valueField:"id",
textField:"text"
});
});
});
后台:
@ResponseBody()
@RequestMapping("roleNameList.do")
public String getRoleNameList(HttpServletResponse res) throws Exception{
List
ComboboxTool combobox=null; //下面会有这个bean对象 用来存储 valueField:"id", textField:"text" 中的id 和text
List
JSONObject json=new JSONObject(); //json 传回前台
for(RoleAuth roleAuth:role){ //遍历数据库中获取的role表数据
combobox=new CommboxTool(); //将combobox对象中的id 、text 赋值 并将每个对象加入到roleLsit 集合中
combobox.setId(roleAuth.getbRoleID());
combobox.setText(roleAuth.getvRoleName());
roleList.add(combobox);
}
json.put("roleList", roleList);
ResponseUtil.write(res, json);将roleList存进json 传回前台ResponseUtil.write(res, json)是一个自定义工具类 后面有给出代码
return null;
}
Combobox 类
public class CommboxTool {
private int id;
private String text;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
}
ResponseUtil 类
package com.liuhai.eshop.util;
import java.io.PrintWriter;
import javax.servlet.http.HttpServletResponse;
/***
* 主要用于返回json数据
*/
public class ResponseUtil {
public static void write(HttpServletResponse response,Object object)throws Exception{
response.setContentType("text/html;charset=utf-8");
PrintWriter out=response.getWriter();
out.println(object);
out.flush();
out.close();
}
}
以上全是个人的编写 注释是根据自己的理解 如果有错 欢迎大佬指点 谢谢