经过各种尝试发现是加载了easyui的样式后,动态内容无法正常展现,经过各种尝试,查阅easyui api发现combobox的加载数据的方法,才可以动态展现加载
combobox的加载数据的方法:
<input class="easyui-combobox" id="rwlb" name="rwlb" style="width:435px" data-options="valueField:'id', textField:'text', panelHeight:'auto'" >
方法一:
1 var data, json; 2 json = '[{"id":"年计划","text":"年计划","selected":true}]'; 3 data = $.parseJSON(json); 4 $("#rwlb").combobox("loadData", data);
方法二:
1 var data,json; 2 data = []; 3 data.push({ "text": "测试", "id": 100 }); 4 $("#rwlb").combobox("loadData", data);
本人的例子:
ajax请求后台数据:
$.ajax({
url:'<%=basePath %>organizationRelation/treetype',
type:'GET',
dataType:'json',
timeout:1000,
cache:false,
error:errorFunction,
success:succFunction
});
动态加载select的option选项:
function succFunction(data) {
//var items = "";
var dataList,json,orgValue,orgNameValue;
dataList = [];
$.each(data,function(index,item){
orgValue = data[index].orgId + '|' + data[index].relaCd;
orgNameValue = data[index].orgName;
dataList.push({"value": orgValue,"text":orgNameValue});
//$("<option value='"+orgValue+"'>"+orgNameValue+"</option>").appendTo("#id_tree_type");
});
$("#id_tree_type").combobox("loadData",dataList);
//$("#id_tree_type").html(items);
}
前台控件:
<select id="id_tree_type" name="tree_type" class="easyui-combobox" style="width:200px;"></select>