jqGrid動態列

Question

我使用jqGrid v4.4.5，我想用動態列創建它。 它由「jqGridHandler.ashx」文件填充。 我想通過JSON發送所有信息（列名，數據...）。 我在谷歌搜索它，但找不到一個很好的答案。通過點擊每個節點（子）更改整個網格（動作和列......）。例如，通過點擊節點3，網格有三列'A'和'B'和'動作'，但通過點擊node2網格有列'C'和'D'和'動作'。

Answer 1

一個可以使用的jqGrid創造出許多不同的網格，網格樹，子網格等。瞭解是否要顯示10行或100000行的網格非常重要。如果您有100000行（或其他大量的行），則必須實施服務器端分頁和數據排序。因此，如果用戶點擊「下一頁」按鈕，則應該從服務器加載下一行。爲什麼你需要發送所有colModel分頁或排序數據？所以你應該清楚的知道，在服務器端的情況下，一個需要創建所有的網格結構只有一次然後一個只需刷新網格的主體。因此，發送所有信息（列名，列模型，數據，......一次）是不好的選擇。

只有當你有幾百或網格中的行的幾千，你可以用loadonce: true選擇他們，你可以加載一次所有信息中的每個單獨的jQuery（列名，列模型，數據，...）。 ajax調用，然後使用datatype: "local"創建jqGrid，並使用包含所有網格數據的參數data。

修訂：如果您需要更改

// in the example below the grid with id="list" will be created 
// with column having name: "c4" in colModel 
var $grid = $("#list"), columnName = "c4"; 

... 

var $colHeader = $("#jqgh_" + $.jgrid.jqID($grid[0].id) + "_" + $.jgrid.jqID(columnName)), 
    $sortingIcons = $colHeader.find(">span.s-ico"); 

// change the text displayed in the column 
$taxHeader.text("New header text"); 

// append sorting icons to the new text 
$taxHeader.append($sortingIcons); 

Answer 2

在初始化jqGrid之前，您需要獲得jqGrid的colNames和colModel屬性的信息。

簡而言之，您將從服務器請求信息，一旦您成功檢索到該信息，您就可以構建jqGrid，然後jqGrid可以去取數據。

以下後對客戶端的一些示例代碼： jqGrid and dynamic column binding