easyui combobox 下拉列表添加选择项

来源:互联网 发布:三国杀程昱淘宝 编辑:程序博客网 时间:2024/04/28 08:56
我们在使用easyui combobox 创建下拉列表时,需要通过ajax获取从服务端返回的json字符串,并显示在客户端。但除了显示数据库中存在的数据,往往需要为返回的结果增加一个选项,比如“全部”。
对于这个问题尝试多种方式后,总结出以下两种可用方法:
方法一:从后台添加。从数据库或者后台代码添加都是可行的,在此不做详细阐述。
方法二:通过对data属性的json对象调整实现请勿使用直接绑定的方法。由于data用于设置被加载的列表数据,可以自动将data属性对应的json对象解析为combobox下拉列表,所以可以通过对data属性值进行修改来完成combobox 下拉列表选择项的添加
如:$(function(){//下拉列表添加“全部”选项$.ajax({ url: 'url',dataType: 'json', success: function(data){   // 修改ajax返回的值data.unshift({'key':'','value':'全部'});   //unshift方法添加到第一行,push方法添加到末尾$('#test').combobox({            data:data,        valueField:'key',        textField:'value', editable:false //不可编辑});    }});})
0 0