Loading

easyui常见问题

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'
            });
        });

 

posted @ 2018-03-01 11:02  河马先森  阅读(183)  评论(0编辑  收藏  举报