JQueryEasyUI 組件 下拉框列表 ComboBox

1,介紹

定義  用於顯示一個可編輯文本框和下拉式列表
繼承關係 combo

2，屬性

屬性名	屬性值類型	描述
valueField	string	將基礎數據值名稱綁定到該下拉列表框
textField	string	將基礎數據字段名稱綁定到該下拉列表框
url	string	通過URL加載遠程列表數據
method	string	通過HTTP方法檢索數據（POST  GET）
editable	boolean	定義用戶是否可以直接輸入文本框到字段中
data	array	數據列表加載

3，事件

事件名	事件參數	描述
onSelect	record	在用戶選擇列表項時觸發
onLoadSuccess	none	在加載遠程數據成功時觸發

語法

 onSelect : function(option){
            //option .valueField
            //option .textField
        } 

4，方法

方法名	方法參數	描述
clear	none	清除下拉列表框的值

語法

 $("#標籤元素ID屬性").combobox("clear")

5，實例

        <select id="cc" class="easyui-combobox" style="width: 200px">
            <option value="0">0</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>

        <input id="combList" />

  var datacom = [
                {
                    "id": 0,
                    "text": "0"
                },
                 {
                     "id": 1,
                     "text": "1"
                 },
                  {
                      "id": 2,
                      "text": "2"
                  },
                   {
                       "id": 3,
                       "text": "3"
                   }
        ];
        $(function () {
            $("#combList").combobox({
                valueField: 'id',
                textField: 'text',
                data: datacom
            });
        });