我如何說服JqGrid columnChooser使用正確的界面？

在演示網站jqGrid的，該columnChooser模塊顯示如下：我如何說服JqGrid columnChooser使用正確的界面？

alt text

它可以讓你既列重新排序，選擇哪些列顯示。

不幸的是，當我進入這部分代碼到我的應用程序（也就是想使這個看起來完全一樣描繪的代碼）：

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

它顯示一個列選擇;但是，它只允許您選擇顯示哪些列，而不是顯示的順序。另外一個明顯的區別是，界面看起來與上面完全不同，它只是您選擇或取消選擇的列的列表，通過控制點擊一次選擇一個列，或按住Shift鍵單擊以批量選擇。

以下是演示網站的鏈接，以供參考。 http://trirand.com/blog/jqgrid/jqgrid.html

來源

2010-08-06 JayD3e

你有的問題是衆所周知的。 Column Chooser功能在此處描述爲http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_methods#column_chooser，它是jqGrid與其他外部組件的集成示例。有存在一個jQuery UI插件（插件）Mulitselect（見http://plugins.jquery.com/project/Multiselect，http://quasipartikel.at/multiselect/和http://github.com/michael/multiselect/），其包括主要來自兩個文件：

ui.multiselect.css
ui.multiselect.js

如果你仔細閱讀http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jquery_ui_methods#column_chooser你會找到關於這個外部文件的信息。

這樣一來就能像你一樣，你需要做以下（共同標準步驟）演示頁面上看到使用列選擇功能：

包括ui.multiselect.css樣式
包括jQuery UI的JavaScript文件一樣jquery-ui.min.js和不僅一個css（如jquery-ui-1.8.2.custom.css），其需要的jqGrid
包括ui.multiselect.js

如果您從http://www.trirand.com/blog/?page_id=6下載jqGrid，則必須選擇「查詢UI插件」。文件ui.multiselect.css和ui.multiselect.js您可以在下載的ZIP文件的子目錄src\css和src中找到。

您可以從http://quasipartikel.at/multiselect/或http://github.com/michael/multiselect/下載Mulitselect小部件的可選附加本地化文件。

來源

2010-08-06 23:23:33 Oleg

我如何說服JqGrid columnChooser使用正確的界面？

回答

相關問題