1. 程式人生 > >easyui combobox插入一條資料到選項中

easyui combobox插入一條資料到選項中

1.combobox通過url遠端載入資料 ,需要在選項的第一條插入一個"-請選擇-"

2.不要再後臺獲取資料時新增 ,要在前臺js中實現

思路:

combobox裡面有一個loadFilter回撥函式,這個函式就是過濾後臺返回的資料並顯示,那麼那就可以獲取到後臺返回的資料(後臺返回的資料是一個數組),並在這個陣列前面加一條資料"-請選擇-";然後return就行了;

$("#你的id").combobox({loadFilter:function(data){
//這裡你想怎麼改變data資料就怎麼改變(增刪改,都可以),只要格式正確
return data;

}});

案例程式碼:

   $('#cc').combobox({
        url:'combobox_data.json',
        valueField:'id',
        textField:'text',
        loadFilter:function(data){
            var obj={};
           obj.id='';
          obj.text='-請選擇-'
           data.splice(0,0,obj)//在陣列0位置插入obj,不刪除原來的元素
           return data;

         }


    });
PS:非常感謝知道網友 zhu掬水留香 ,我在知道提問得到他的回覆,檢視官網api才注意到loadFilter事件,記錄一下以供遇到同樣問題的小夥伴參考