java combobox 数据库_easyui combobox获取后台数据库数据的方式介绍

今天中午利用午休时间，学习了一下easyui combobox控件的的使用，可以参见下面的连接查看与combobox 相关的资料

easyui combobox详细介绍

(一)、功能需求(如下图所示):获取行政区划显示在下拉列表中

(二)、前台实现conbomox.jsp

2.1、引入easyui相关文件到项目，在这里不多做介绍了，童鞋们可以自己度一下

2.2、简单设置combobox的外形，combobox控件的id="admiDivisionCode"

代码如下：

2.3、初始化combobox：将从数据库获取的行政区划加载到combobox控件的下拉列表中

下面介绍四种方法加载数据库数据到combobox

2.3.1、方法1：调用$.get()获取数据

$(document).ready(function(){

queryXzqh();

})

function queryXzqh(){

$.get("${base}/combobox/queryXzqh.action",function(data){//后台请求

var options=$("#admiDivisionCode").combobox('options');

options.textField="NAME";

options.valueField="CODE";

//加载数据

$("#admiDivisionCode").combobox("loadData",data.data);

,"json");

}

2.3.2、方法2：调用$.getJSON()

获取数据

2.3.3、方法3：调用

$.ajax({})

获取数据

(三)、后台实现

3.1、ComboboxController.java

@Controller

@RequestMapping(value="combobox")

public class ComboboxController {

@Autowired

private ComboboxServiceImpl comboboxServiceImpl;

// @描述：获取行政区划(适用于前台三种方法的调用)

@RequestMapping(value = "queryXzqh")

@ResponseBody

public ResultVO>> queryXzqh(){

ResultVO>> resultVO = new ResultVO>>();

try{

List> list =comboboxServiceImpl.queryXzqh();

resultVO.setData(list);

resultVO.setResult(ResultConstant.RESULT_SUCCESS);

resultVO.setMessage(ResultConstant.MESSAGE_SUCCESS);

}catch(Exception e){

e.printStackTrace();

resultVO.setResult(ResultConstant.RESULT_FAIL);

resultVO.setMessage(ResultConstant.MESSAGE_FAIL);

}

return resultVO;

}

//描述：获取行政区划(适用于方法四的前台调用)

/*

@RequestMapping(value="/queryXzqh.action")

@ResponseBody

public JSONArray queryXzqh(){

net.sf.json.JSONArray jsonArray=new JSONArray() ;

List> list= new ArrayList>();

try{

//获取数据库的数据

list=comboboxServiceImpl.queryXzqh();

//将获取的list转化为json格式

jsonArray = net.sf.json.JSONArray.fromObject(list);

}catch(Exception e){

e.printStackTrace();

}

return jsonArray;

}*/

}

3.2、service层ComboboxServiceImpl.java

@Service

public class ComboboxServiceImpl {

@Autowired

private ComboboxDaoImpl comboboxDaoImpl;

public List> queryXzqh(){

//调用底层dao数据

return comboboxDaoImpl.queryXzqh();

}

}

3.4、dao层

ComboboxdaoImpl.java

@Repository

public class ComboboxDaoImpl extends BaseHibernateDao {

public List> queryXzqh(){

String sql = "select d.code,d.name from cendic.d_dictionary_item d left join cendic.d_dictionary_item d1 on d.parent_id=d1.id "

+ "where (d1.code='510100' and d1.id=d.parent_id) or d.code='510100' order by d.code";

//创建查询对象

Query query=this.createSQLQuery(sql, null, null, null);

//获取List

List> list=query.setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP).list();

if(list.size()>0){

return list;

}else{

return null;

}

}

}

(四)、总结

1、combobox加载远程数据的用第四种方式接收数据的时候遇到的一个问题是：前台能够获取到后台传来的数据，但是当combobox就是加载不出来数据，当时郁闷死了，怎么都找不出问题，然后就想会不会是返回的数据格式问题

combobox必须加载json格式才能显示，那我把返回的list数据转化为json格式之后在传到前台，然后居然就真的加载出来了，但是

还是很很多疑问，比如为什么返回list类型数据用$.get()、$.ajax()、$.getJSON()都没有转化为json格式也可以加载成功，到底是为什么呢？？？？？？

返回的list数据格式在Debug下如下图：这不是json格式的数据

疑问还有待解决?????????