jqGrid ColumnChooser 有完整的工作示例吗？ [关闭]

At http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_methods http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_methods有构建 jqGrid 列选择器的说明（'dlog_opts 是要传递给“dlog”的选项对象，或者（更有可能）创建选项对象的函数。默认为 ui.dialog 生成合适的选项对象' ），但不完整的工作代码；没有提供所需功能的示例。

是否有一个完整的工作示例来构建允许隐藏、显示和移动列的 jqGrid 列选择器？

Look at 旧的例子 http://www.ok-soft-gmbh.com/jqGrid/CheckboxesWithVerticalHeaders1.htm from 答案 https://stackoverflow.com/questions/3974324/jqgrid-using-multiple-methods-to-filter-data/3979490#3979490。该示例主要是关于另一个主题，但在导航栏中您可以看到“列选择器”按钮。单击该按钮将显示列选择器对话框。您可以将对话框中的任何列名称拖放到另一个位置以更改列顺序。您可以单击“-”隐藏列，然后将隐藏列列表中的任意列拖放到可见列列表中。

要重现该行为，您应该首先确保在 jqGrid 下载期间您有“jQuery UI 插件”（grid.jqueryui.js）选定。那么你应该按照以下步骤操作：

1. include ui.multiselect.css来自jqGrid 4.0源代码的plugins子目录。

2. 包括 jQuery UIjquery-ui.min.js（不仅jquery-ui.cssjqGrid 通常需要）

3. include ui.multiselect.js之后jquery-ui.min.js

4. 添加调用列选择器的新按钮

代码可以像下面这样

var grid = $('#list');
grid.jqGrid ('navButtonAdd', '#pager',
             { caption: "", buttonicon: "ui-icon-calculator",
               title: "Choose Columns",
               onClickButton: function() {
                    grid.jqGrid('columnChooser');
               }
             });

UPDATED: 答案 https://stackoverflow.com/a/9688942/315935包含一些额外定制的描述columnChooser基于我的建议 http://www.trirand.com/blog/?page_id=393/bugs/making-columnchooser-really-resizable/#p25823.