jquery easyUI combobox(下拉单选框)

首先需要引入jquery easyUI的包，就下面这两个包，自己从网上下载。

1.前端代码

	


$('#cc').combobox({
    url:"${ctx}/sys/profitsGroup", //访问controller的路径
    valueField:'id',
    textField:'text'   
});

注:<1>.class=“easyui-combobox”,这个照抄，不用改动。
<2>. editable=“false” 的作用是：禁用可输入下拉框，点击时只显示下拉列表，不能输入。
2.后端代码。

/**定义实体类*/
public class DataForEasyUI implements Serializable {
	private static final long serialVersionUID = 1L;
	private String id;
	private String text;

	public String getId() {
		return id;
	}

	public void setId(String id) {
		this.id = id;
	}

	public String getText() {
		return text;
	}

	public void setText(String text) {
		this.text = text;
	}

}

注：定义实体类，目的是保存combobox下拉框中id,text的数据，建议直接照抄，不做任何改动。

/**控制器，以json形式返回下拉框中数据*/`

    @RequestMapping(value = "/profitsGroup", method = RequestMethod.POST)
    	@ResponseBody
    public JSONArray  getProfitsGroup( HttpServletRequest request,HttpServletResponse response)
    			throws Exception {
    		List > sap= sapProfitsGroupService.findAll();		//自己查询的数据
    		List list = new ArrayList<>();	
    		for(Map m:sap) {			
    			DataForEasyUI dataForEasyUI = new DataForEasyUI();
    			dataForEasyUI.setId(m.get("code").toString());
    			dataForEasyUI.setText(m.get("name").toString());
    			list.add(dataForEasyUI);
    		}
    		JSONArray array = JSONArray.fromObject(list);			
    		return array;
    	}
	注：除了自己要查询的数据，其他照抄，不用做任何改动。

3.效果图