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

原创 2017年11月17日 14:55:58

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>


如果有错误,请提醒我

 

SSM框架整合示例

  • 2017年11月15日 18:43
  • 33.41MB
  • 下载

WebMVC中EasyUI的ComboBox控件的运用

WebMVC中EasyUI的ComboBox控件的运用 运用EasyUI+JQuery 一、2个引用(script文件夹) JS:EasyUIValidator.jsJQuery:jqu...
  • wangqingbo0829
  • wangqingbo0829
  • 2015-08-31 23:52:17
  • 1152

EasyUI combobox 动态从服务端获取数据

EasyUI 小例子
  • wjsshhx
  • wjsshhx
  • 2017-07-04 13:19:36
  • 1253

mybatis和Springmvc系统将数据从数据库传送到前台的总流程

首先映射生成数据库中表对应的mapper和表名相同的java文件和表名后加个Example的java文件后。再创建一个表名+service和一个页面名+controller 的java文件。 ...
  • qq_36978506
  • qq_36978506
  • 2017-09-01 14:44:23
  • 771

模糊查询,从数据库获取值,返回前台JSP的方法。

第一种是> list = (List>) request        .getAttribute("list");      if (list != null && list.size() > ...
  • u010098770
  • u010098770
  • 2013-09-06 14:31:58
  • 1348

一个网页从开始请求到最终显示的完整过程

一个网页从开始请求到最终显示的完整过程一个网页从请求到最终显示的完整过程一般可分为如下7个步骤: 1. 在浏览器中输入网址; 2. 发送至DNS服务器并获得域名对应的WEB服务器的IP地址; 3...
  • u012396955
  • u012396955
  • 2016-12-28 14:50:42
  • 1590

数据从数据库到java代码再到前台页面展示流程

数据从数据库到java代码再到前台页面展示流程(以线索管理模块为例)somao_api >>>APP 端somao_common >>>工具类somao_domain ...
  • besidechen
  • besidechen
  • 2017-09-29 14:09:39
  • 438

后台返回的json对象,前台取值

valMap.put("cmp",JSONObject.fromObject(costjsonstr).getInt("cmp")); //后台通过JSONObject得到cmp所对应的int值,放...
  • guanghuilove
  • guanghuilove
  • 2013-01-10 10:10:46
  • 4613

从数据库中读取图片显示在前台页面

上一篇是写的
  • maliaokkk
  • maliaokkk
  • 2014-04-12 15:12:54
  • 949

easyui combobox 取值赋值问题

根据文档//多选赋值 $('#cc').combobox('setValues', ['001','002']); //单选赋值 $('#cc').combobox('setValue', '001'...
  • vadonmo
  • vadonmo
  • 2017-10-19 11:04:33
  • 4436
收藏助手
不良信息举报
您举报文章:easyui-combobox从数据库取值到前台完整过程
举报原因:
原因补充:

(最多只允许输入30个字)