无论如何在jqGrid中包含MultiSelect Combobox？

Question

我有一个jqGrid,我希望一列成为多选组合框.我有一个插件,

http://www.abeautifulsite.net/blog/2008/04/jquery-multiselect/

如何整合这些,以及如何获取所选值？

Answer 1

例如,您可以使用jQuery UI MultiSelect Widget来实现带有复选框的多选.

该演示展示了如何实现这一点.您将获得如下结果

您可以使用不同的选项自定义多选插件.在演示中,我使用了以下代码

edittype: 'select', editoptions: {
    value: 'FE:FedEx;TN:TNT;IN:Intim',
    dataInit: function (elem) {
        setTimeout(function () {
            $(elem).multiselect({
                minWidth: 100, //'auto',
                height: "auto",
                selectedList: 2,
                checkAllText: "all",
                uncheckAllText: "no",
                noneSelectedText: "Any",
                open: function () {
                    var $menu = $(".ui-multiselect-menu:visible");
                    $menu.width("auto");
                    return;
                }
            });
        }, 50);
    },
    multiple: true,
    defaultValue: 'IN'
}

我应该提一下,您可以编辑多个可选列表而无需使用任何插件.唯一的缺点是用户界面不太好.下一个演示展示了如何在没有多选插件的情况下工作.

更新:如果您需要在加载后直接在编辑模式下设置所有行,您可以像在下一个演示中那样执行此操作.