EasyUI Combobox 组合框

https://www.jeasyui.net/plugins/169.html

  组合框（combobox）显示一个可编辑的文本框和下拉列表，用户可以从下拉列表中选择一个或多个值。用户可以直接输入文本到列表的顶部，或者从列表中选择一个或多个现成的值。

依赖

• combo

用法

从带有预定义结构的 <select> 元素创建组合框（combobox）。

1. <select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
2. <option value="aa">aitem1</option>
3. <option>bitem2</option>
4. <option>bitem3</option>
5. <option>ditem4</option>
6. <option>eitem5</option>
7. </select>

从 <input> 标记创建组合框（combobox）。

1. <input id="cc" class="easyui-combobox" name="dept"
2. data-options="valueField:'id',textField:'text',url:'get_data.php'">

使用 javascript 创建组合框（combobox）。

1. <input id="cc" name="dept" value="aa">

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

创建两个依赖的组合框（combobox）。

1. <input id="cc1" class="easyui-combobox" data-options="
2. valueField: 'id',
3. textField: 'text',
4. url: 'get_data1.php',
5. onSelect: function(rec){
6. var url = 'get_data2.php?id='+rec.id;
7. $('#cc2').combobox('reload', url);
8. }">
9. <input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'text'">

json 数据格式的示例：

1. [{
2. "id":1,
3. "text":"text1"
4. },{
5. "id":2,
6. "text":"text2"
7. },{
8. "id":3,
9. "text":"text3",
10. "selected":true
11. },{
12. "id":4,
13. "text":"text4"
14. },{
15. "id":5,
16. "text":"text5"
17. }]

属性

该属性扩展自组合（combo），下面是为组合框（combobox）添加的属性。

事件

该事件扩展自组合（combo），下面是为组合框（combobox）添加的事件。

方法

该方法扩展自组合（combo），下面是为组合框（combobox）添加或重写的方法。