EasyUI combobox（多选下拉框）设置和获取选中值-蒲公英云

EasyUI combobox（多选下拉框）设置和获取选中值

1 多选下拉框设置选中值

1.1 setValues+勾选选中行的复选框

//设置多选下拉框选中值
function SetValues(objId,values){
    $('#' + objId).combobox("setValues", values);
    for (var i = 0; i < values.length; i++) {
        var value = values[i];
        var children = $(target).combobox("panel").children();
        $.each(children, function (index, obj) {
            if (value == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                obj.children[0].checked = true;
            }
        });
    }
}

1.2 select

//设置多选下拉框选中值
function SetValues(obj,values){
    for (var i = 0; i < values.length; i++) {
        $('#' + objId).combobox('select', values[i].toString());
    }
}

注：setValues+勾选选中行的复选框这种设置多选下拉框选中值方法，只能用于拥有复选框的多选下拉框中。

2 多选下拉框获取选中值

通过combobox()的getValues获取多个选中值

//获取选中值，以字符串的形式返回
function getValues(objId){
    var valuesList=$("#"+objId).combobox("getValues");
    var values="";
    if(!valuesList||values.length<0){
        return "";
    }
    for(var i=0;i<valuesList;i++){
        values+=","+valuesList[i];
    }
    return values.substr(1);
}