easyui-combobox从数据库取值到前台完整过程

Easyuijsmybatis框架

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

//getset我就不写了

4:Com.cn.Controller

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

@ResponseBody

public String getCombobox() {

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

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

// 给实体类 中的 setTDsetText赋值 :

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

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>


如果有错误,请提醒我

 

阅读更多
博主设置当前文章不允许评论。

博主推荐

换一批

没有更多推荐了,返回首页