我们在使用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 //不可编辑
});
}
});
})