JQuery EasyUI combobox动态添加option

JQuery EasyUI combobox动态添加option

<input class="easyui-combobox" id="rwlb" name="rwlb" style="width:435px" data-options="valueField:'id', textField:'text', panelHeight:'auto'" > 

方法一:

var data, json;
json = '[{"id":"年计划","text":"年计划","selected":true}]';
data = $.parseJSON(json);
$("#rwlb").combobox("loadData", data);

方法二:

var data,json;
data = [];
data.push({ "text": "测试", "id": 100 });
$("#rwlb").combobox("loadData", data);

方法三:

$("#templetGroupID").combobox({
    data: $.parseJSON('[{"id":"0","text":"无选项","selected":true}]'),
    editable: false, //不可编辑状态
    cache: false,
    valueField: 'id',
    textField: 'text',
    panelHeight: 'auto'
});

动态:

@RequestMapping("/getsite")
@ResponseBody
public String getSite() {
    List<BaseBean> list = null;
    try {
        String userID = request.getParameter("userID");
        System.out.println("--userID--" + userID);
        list = iSiteService.getByHQL("from SiteBean");
    } catch (Exception e) {
        e.printStackTrace();
    }
    if (list.size() > 0) {
        StringBuffer site = new StringBuffer();
        site.append("[");
        for (int i = 0; i < list.size(); i++) {
            SiteBean siteBean = (SiteBean) list.get(i);
            if (i == 0) {
                site.append("{\"id\":\"" + siteBean.getSiteID() + "\",\"text\":\"" + siteBean.getSiteName() + "\",\"selected\":\"" + true + "\"}");
            } else {
                site.append(",{\"id\":\"" + siteBean.getSiteID() + "\",\"text\":\"" + siteBean.getSiteName() + "\"}");
            }
        }
        site.append("]");
        return site.toString();
    } else {
        return "[{\"id\":\"\",\"text\":\"无可用选项\",\"selected\":\"" + true + "\"}]";
    }
}

 上一篇
JQGrid模版 JQGrid模版
JQGrid模版<!-- 需要js文件包jquery-ui-1.9.2、jquery.jqGrid-4.5.4 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//E
2019-08-19
下一篇 
JQuery EasyUI内Combobox的onChange事件 JQuery EasyUI内Combobox的onChange事件
JQuery EasyUI内Combobox的onChange事件 原始方法我想写个html代码的都对下拉选择标签select不陌生,关于这个标签,在不加任何渲染的情况下,想要触发其onchange事件是很简单的一件事情,如下:<se
2019-08-19
  目录