代码之家  ›  专栏  ›  技术社区  ›  JayD3e

如何说服JqGrid columnChooser使用正确的接口?

  •  2
  • JayD3e  · 技术社区  · 14 年前

    alt text

    它允许您对列重新排序并选择要显示的列。

    不幸的是,当我将这段代码输入到我的应用程序中时(该代码应该使这段代码与描述的完全一致):

    jQuery("#colch").jqGrid('navButtonAdd','#pcolch',
                            { caption: "Columns",
                              title: "Reorder Columns",
                              onClickButton : function (){
                                  jQuery("#colch").jqGrid('columnChooser');
                              } 
                            // ...
    

    这里有一个到演示站点的链接,作为参考。 http://trirand.com/blog/jqgrid/jqgrid.html

    1 回复  |  直到 8 年前
        1
  •  6
  •   marc_s HarisH Sharma    9 年前

    你的问题是众所周知的。列选择器功能如下所述 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_methods#column_chooser 它是jqGrid与其他网格集成的一个例子 . 存在一个jqueryui小部件(插件)Mulitselect(请参阅 http://plugins.jquery.com/project/Multiselect , http://quasipartikel.at/multiselect/ http://github.com/michael/multiselect/ )主要由两个文件组成:

    • ui.multiselect.css
    • ui.multiselect.js

    您将找到有关此外部文件的信息。

    因此,为了能够像您在演示页面上看到的那样使用列选择器功能,您需要执行以下操作(包括标准步骤):

    • 包括 样式表
    • jquery-ui.min.js 不仅仅是一个css (就像 jquery-ui-1.8.2.custom.css )哪个需要jqGrid
    • 包括 ui.multiselect.js用户界面

    如果你从 http://www.trirand.com/blog/?page_id=6 ui.multiselect.css ui.multiselect.js用户界面 src\css src 下载的ZIP文件的。

    http://quasipartikel.at/multiselect/ http://github.com/michael/multiselect/