jquery - 无论如何要在 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'
}

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

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