Question

Easyui Combobox 怎么实现 清空当前值重新加载值

Answer 1

   使用 Easyui Combobox实现页面刚加载时给个初始值，然后通过自身的click事件重新赋值的示例代码如下所示。

html页面代码如下：

<td>
        <span id="Com_ProType">
              <select id="q_ProType" class="select">
               </select>
        </span>
</td>

js代码如下：

$(document).ready(function (res) {
// 操作对象引用
    _cs = Web.Class.LenovoLSTask.CsSur_Project;

 var defultlist = [{ "id": "", "text": "-全部-"}];

    //加载通路下拉列表
    LoadCombobox("q_ProType", defultlist);
    $("#Com_ProType").bind("click", function () {
        var data = $('#q_ProType').combobox('getData');
        if (data.length <= 1) {
            var ProTypeList = _cs.GetProTypeList().value;
            ProTypeList.unshift({ "id": "", "text": "-全部-" });
            LoadCombobox("q_ProType", ProTypeList)
        }
    });

}

//Combobox公用赋值方法
function LoadCombobox(id, data) {
    $('#' + id).combobox({
        url: null,
        valueField: 'id',
        textField: 'text',
        editable: false,
        data: data
    });
}

Answer 2

使用javascript创建combobox
<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"
}]