jquery - jqGridにMultiSelect Comboboxを含める方法はありますか?

Question

jqGrid があり、1 つの列を複数選択コンボボックスにしたい。からプラグインを入手しました。

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

プラグインを使用せずに複数の選択可能なリストを編集できることに言及する必要があります。唯一の欠点は、ユーザー インターフェイスがあまり良くないことです。次のデモは、複数選択プラグインなしですべてがどのように機能するかを示しています。

UPDATED : ロードの直後に編集モードですべての行を設定する必要がある場合は、次のデモのようにこれを行うことができます。