easyui-combobox从数据库去值到前台完整过成（mybatis、js）

Easyui、js、mybatis框架

cobobox从数据库取数据到前台

1：Html代码：

<div id=”sblx” calss=”easyui-combobox”></div>

2：Js代码：

$(‘#sblx’).combobox({          

 Url:’${pageContext.request.contextPath}/getCombobox.action’,

editable : false,

valueField : 'id',

textField : 'text',

onLoadSuccess : function(none) {

$("#sblx").combobox('select', '全部'); //接收数据完毕后给文本框赋值“全部”  

（我是用来查询的所以有这一步操作）

}    

});

3：Com.cn.Model包下新建类ComboboxModel

public class ComboboxModel {

private String id;// id,内码

private String text;// text显示名称

}

//combobox中的每一行都是一个键值对id/text

//get与set我就不写了

4：Com.cn.Controller层

@RequestMapping(value = "/getCombobox", produces = "text/html;charset=UTF-8")

@ResponseBody

public String getCombobox() {

// 用于存放查询到的数据

List<ComboboxModel> lstAll_sblx = new ArrayList<ComboboxModel>();

// 给实体类 中的 setTD、setText赋值 ：

       //我写的下拉框是作为查询条件的，你想想查询条件里是不是有个全部，但是数据库里没有所以在这里加上

lstAll_sblx.add(new ComboboxModel("全部", "全部"));

try {

List<ComboboxModel> list_sblx = service.getSblx();//调用service层方法

if (list_sblx != null && list_sblx.size() > 0) {

lstAll_sblx.addAll(list_sblx);

}

} catch (Exception e) {

e.printStackTrace();

}

JSONObject jo = new JSONObject();

jo.put("sblx", lstAll_sblx);

return jo.toString();

}

5：Com.cn.service层：（都是方法的接口）

List<ComboboxModel> getSblx();

6：Com.cn.serviceimpl层：（实现services接口；注解必须加）

@Override

public  List<ComboboxModel> getSblx()

{

return mapper.getSblx();

}

7：Com.cn.mapper层：（都是接口，与service几乎一致）

List<ComboboxModel> getSblx();

8：Com.cn.mapperimpl层：

<!-- 设备类型 -->

<select id="getSblx" resultType="com.cn.model.ComboboxModel">

select SBLX as text,min(GUID) as id from s_ycsb group by SBLX having count(*) >0

</select>

如果有错误，请提醒我