easyui combobox插入一条数据到选项中

版权声明:本文为博主原创文章 , 转载请注明出处 https://blog.csdn.net/qq_34545192/article/details/72899592
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事件,记录一下以供遇到同样问题的小伙伴参考

没有更多推荐了,返回首页