jquery - 无论如何，是否可以在 jqGrid 中包含多选组合框？

Question

我有一个 jqGrid，我希望其中一列成为多选组合框。我得到了一个插件，

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

如何整合这些，以及如何获取选定的值？

Answer 1

您可以使用jQuery UI MultiSelect Widget例如，使用复选框实现多选。

The demo展示了如何实现这一点。您将得到如下结果

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

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

我应该提到，您可以编辑多个可选列表，而无需使用任何插件。唯一的缺点是用户界面不太好。 The next demo显示了在没有多选插件的情况下所有工作原理。

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