easyui -combobox 动态获取下拉列表 前后台完整过程

前台：通过url=roleNameList.do 向后台获取json数据

$(function(){

$.getJSON("roleNameList.do",function(json) {

$('#roleName').combobox({

data: json.roleList, //获取到的json 数据

valueField:"id",

textField:"text"

});

});

});

<select name="roleName" class="easyui-combobox" id="roleName" style="width: 154px;" editable="false" panelHeight="auto"></select>

后台:

@ResponseBody()

@RequestMapping("roleNameList.do")

public String getRoleNameList(HttpServletResponse res) throws Exception{

List<RoleAuth> role=menuService.getAllRole(); //用来获取数据库中的Role表数据

ComboboxTool combobox=null; //下面会有这个bean对象 用来存储 valueField:"id", textField:"text" 中的id 和text

List<ComboboxTool > roleList=new ArrayList(); //roleList集合存储ComboboxTool对象用做json的数据

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();

}

}

以上全是个人的编写  注释是根据自己的理解   如果有错 欢迎大佬指点 谢谢