EasyUi combobox 下拉列表JS添加首/尾选择项
下拉列表获取数据后,再动态添加一项数据项,如:"<option value=''>全部</option>"。
对于这个问题尝试多种方式后,总结出以下两种可用方法:
方法一:从后台添加。从数据库或者后台代码添加都是可行的,在此不做详细阐述。
方法二:通过对data属性的json对象调整实现。由于data用于设置被加载的列表数据,可以自动将data属性对应的json对象解析为combobox下拉列表,所以可以通过对data属性值进行修改来完成combobox 下拉列表选择项的添加。
在实际使用中,以下是错误的方法:
$('#ss').combobox({ url: '/xxx/xxx', valueField: 'id', textField: 'text', onLoadSuccess: function(param) { $("#ss").append("<option value=''>=全部=</option>"); } });
正确的解决方法之一,如下:
$.get("/xxx/xxx", function (data) { data.unshift({ 'Id': '', 'Name': '全部' });//unshift方法添加到第一行,push方法添加到末尾 $('#machineId').combobox({ editable: false, valueField: 'Id', textField: 'Name' }); });