jqgrid 4.6.0列选择器问题

我正在使用jqGrid 4.6.0。 使用下面的代码实现了列选择器特性。 我正在使用

• jquery-ui-1.11.1.js
• jquery.multi-select.js
• jqueryui.css
• 多选.css

---

---

---

将显示列选择器弹出窗口，其中没有可用的列，并显示所有列的可见选项。。 它只有一个可用选项，即选择列。

有人能帮忙吗..

---

提前感谢…

很怀疑你从哪里得到了

jquery.multi-select.js

和

multi-select.css

。我想你得到了错误的文件。您从中下载的jqGrid包含

ui.multiselect.js

和

ui.multiselect.css

的

plugins

子目录。因此，在使用jqGrid和

columnChooser

的页面中，典型的

包含如下内容

html，正文{字体大小：75%；}
$.jgrid.no_legacy_api=true；
$.jgrid.useJSON=true；

我最近发布了一篇文章，其中描述了在jQuery和jQueryUI的最新版本中使用“全部删除”和“全部添加”的一些小步骤。您可以从和下载

ui.multiselect.js

和

jquery.jqGrid.src.js

的修改版本

---

可以用作使用

columnChooser

的原型。我使用的是不同的Multiselect js和css文件

我下载了JQGRID 4.6.0包。。它给了我ui.multiselect.css和ui.multiselect.js文件。。我在我的项目中添加了它们

---

现在，列选择器弹出窗口将显示可用列，并使所有列都可见。。谢谢你，奥列格。

我很高兴能帮助你。小评论：你发布的答案并不是你问题的真实答案。如果你把这些信息作为评论贴到你的问题上，或者你可以在问题的文本后面加上文本，这会更好。。。

$.extend($.ui.multiselect, {
                locale: {
                    addAll: 'Make all visible',
                    removeAll: 'Hidde All',
                    itemsCount: 'Avlialble Columns'
                }
            });

   $.extend(true, $.jgrid.col, {
                width: 500,
                msel_opts: { dividerLocation: 0.5 }
            });

            $grid.jqGrid('navButtonAdd', "#p" + $grid.attr("id"), {
                caption: "",
                buttonicon: "ui-icon-calculator",
                title: "Choose columns",
                onClickButton: function () {
                    $(this).jqGrid('columnChooser',
                         {
                           width: 260,
                           height: 280,
                           classname: "column-chooser",
                           msel_opts: { //multiselect options
                               autoOpen: true,
                               header: true,
                               height: "auto",
                               classes: "column-chooser",
                               beforeclose: function () { return false; } //keep multiselect drop down open  
                           }
                        });
                }
            });