无论如何要在 jqGrid 中包含 MultiSelect Combobox 吗? [英] Is there anyway to include a MultiSelect Combobox in a jqGrid?

问题描述

我有一个 jqGrid，我希望一列是一个多选组合框.我得到了一个插件，

展示了没有多选插件的情况.

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

I have a jqGrid and I want one column to be a multiselect combobox. I got a plugin from,

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

How to integrate those, and how to get the selected values?

解决方案

You can use jQuery UI MultiSelect Widget for example to implement multiselect with checkboxes.

The demo shows how you can implement this. You will have the results like the following

You can customize multiselect plugin using different options. In the demo I used the following code

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

I should mention that you can edit multiple selectable list without using any plugins. The only disadvantage is that the user interface will be not so nice. The next demo shows how all works without multiselect plugin.

UPDATED: If you need to set all rows in editing mode directly after the loading you can do this like in the next demo.

这篇关于无论如何要在 jqGrid 中包含 MultiSelect Combobox 吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！