JQuery EasyUI combobox

最新推荐文章于 2019-11-14 14:35:16 发布

箫剑90

最新推荐文章于 2019-11-14 14:35:16 发布

阅读量1k

点赞数

分类专栏： Jquery&easyUI 文章标签： easyui jquery combobox

Jquery&easyUI 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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);

另外用法：（推荐使用）
用法 
<select id="cc" name="dept" style="width:200px;"> 
<option value="aa">aitem1</option> 
<option>bitem2</option> 
<option>bitem3</option> 
<option>ditem4</option> 
<option>eitem5</option> 
</select> 
<input id="cc" name="dept" value="aa"> 

 
$('#cc').combobox({ 
url:'combobox_data.json', 
valueField:'id', 
textField:'text' 
}); 

 json 数据格式的示例 :
[{ 
"id":1, 
"text":"text1" 
},{ 
"id":2, 
"text":"text2" 
},{ 
"id":3, 
"text":"text3", 
"selected":true 
},{ 
"id":4, 
"text":"text4" 
},{ 
"id":5, 
"text":"text5" 
}] 

想必大家都能看懂啊~~~