easyui-combobox

来源：互联网发布：中银淘宝校园卡0 额度编辑：程序博客网时间：2024/05/20 23:57

方法一、从后台返回请求加载Combobox下拉框数据

<select name="xialaName" id="xialaID"  style="width:142px;height:20px;font-size:13px;border:1px solid teal"></select>

js部分

$.ajax({        url : rootPath+'/search.do?',        success : function(result) {                var seHtml = "";                for(var i = 0 ;i<result.length; i++) {                    seHtml += "<option>"+result[i].text+"</option>";                }                $("#xialaID").html(seHtml);        },        async : true,        dataType : "json"    });

方法二、easyUI的combobox控件

$("#mateBelongZID").combobox({          url : rootPath+'/search.do?',        valueField:'id',           textField:'text'      });

两种方法后台返回的数据格式均为Json格式的数据

查询到数据后，遍历把每个数据的值和对应要显示的内容放在一个map中，键分别为id和text，然后把map放入list，转成json格式，返回前台

Controller层/**     * 查询摄像头所属的占     * @return     */    @RequestMapping("/search<span style="font-family: verdana, Arial, Helvetica, sans-serif; line-height: 25.2px;">")</span>    @ResponseBody    public List search(HttpServletRequest request){        // 把登录用户信息推送到业务类        List<?> list = InfoService.query();        return list;    }    service层/** * 查询 */    @Override    public List query() {       String sql = "select * from  user";        List<user> list = workareaInfoDao.queryuser(sql);        List list1 = new ArrayList();        for(VectorInfo  CameraInfo: list){            Map<String,String> map= new HashMap<String,String>();            map.put("id", CameraInfo.getWorkareaName());            map.put("text",  CameraInfo.getWorkareaName());            list1.add(map);        }        return list1;    }

0 0