无论如何要在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屋！