jquery easyui select动态加载option

动态加载后台数据,已经传给前台,前台html也已经改变了,但是前台动态加载内容不展现

经过各种尝试发现是加载了easyui的样式后,动态内容无法正常展现,经过各种尝试,查阅easyui api发现combobox的加载数据的方法,才可以动态展现加载

combobox的加载数据的方法:

方法一:

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});
      //$("").appendTo("#id_tree_type");
      });
      
      $("#id_tree_type").combobox("loadData",dataList);
      //$("#id_tree_type").html(items);
      }


前台控件:

你可能感兴趣的:(Javascript)