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

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显示了如何在没有多选插件的情况下工作。

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