【问题标题】:does jqgrid support a multiple checkbox list for editingjqgrid 是否支持多个复选框列表进行编辑
【发布时间】:2011-06-20 01:43:36
【问题描述】:

我是playing around with jqgrid,我想编辑一个行条目。其中一个单元格是一个列表,所以我想要在一个单元格中使用某种多选编辑器。我没有看到对单元格编辑的支持,我可以从列表中选择多个条目。选择(多选列表甚至更好的复选框下拉列表)

有没有支持这样的东西?

【问题讨论】:

    标签: jquery checkbox jqgrid


    【解决方案1】:

    见:http://www.secondpersonplural.ca/jqgriddocs/_2eb0fb79d.htm

    jQuery("#grid_id").setGridParam({multiselect:true}).showCol('cb');
    

    【讨论】:

    • 我不想要多选行。我想要一个单元格中的编辑器,允许我选择多个条目来表示一个列表。
    • 签出...stackoverflow.com/questions/2825000/… ...看起来“gsiler”创建了一个“多复选框表单元素”并将其用作自定义编辑类型。
    【解决方案2】:

    工作示例:

    { 名称:“Id_ListaMultiple”, 索引:“Id_ListaMultiple”,可编辑:true,编辑类型:“自定义”,编辑选项:{custom_element:multiCheckElem, custom_value:multiCheckVal,list:"2:Reposición;1:Solicitud Initial"}},

    function multiCheckElem(values, optio) {
        var id = optio.id;
        var ctl = '<div id="'+ id + '" class="checklist">';
        var ckboxAry = optio.list.split(';');
        var aValues = [];
        if (values && values.length)
        {
            aValues = values.split(",");
        }
        for (var i = 0; i < ckboxAry.length; i++)
        {
            var item = ckboxAry[i].split(':');
            ctl += '<input type="checkbox" ';
    
            if (aValues.indexOf(item[0]) != -1)
            {
                ctl += 'checked="checked" ';
            }
            ctl += 'value="' + item[0] + '"> ' + item[1] + '</input><br/>';
        }
        return ctl + '</div>';
    }
    
    function multiCheckVal(elem, action, val) {
        var items = '';
        if (action == 'get') // submitted
        {
    
            $("input[type=checkbox]:checked", elem).each(function (i, e)
            {
                if (items) items += ","
                items += e.value;
            });
    
        }
        else // launched
        {
    
        }
        return items;
    }
    

    问候亨利

    【讨论】:

    • 这里的问题是如何获取之前保存的值并在我的表单在编辑操作中打开时显示它检查??
    猜你喜欢
    • 2011-06-26
    • 2015-12-30
    • 2015-08-03
    • 2017-12-19
    • 1970-01-01
    • 2012-01-20
    • 1970-01-01
    • 2016-01-27
    • 1970-01-01
    相关资源
    最近更新 更多