jQuery jqGrid TreeGrid無法正常工作

我在使用本地數據構建jqGrid TreeGrid時遇到問題。如果你註釋掉treeGrid和ExpandColumn屬性，這個方法可以正常工作，但是一旦你添加了這些方法來使它成爲一個樹形網格，它就不會創建一個樹形網格（它只會創建一個「普通」網格），它不再正確分類。jQuery jqGrid TreeGrid無法正常工作

我確保我在jqGrid下載期間下載了正確的TreeGrid文件。

jQuery(function(){ 

    var gridOptions = { 
    datatype: "local", 
    height: 250, 
    colNames: ['Name', 'Type', 'Last Modified On', 'Last Modified By'], 
    colModel: [{name: 'name', index: 'name', width: 200, sorttype: 'text'}, 
      {name: 'type', index: 'type', width: 200, sorttype: 'text'}, 
      {name: 'modifiedon', index: 'modifiedon', width: 200, sorttype: 'date'}, 
      {name: 'modifiedby', index: 'modifiedby', width: 200, sorttype: 'text'}], 
    treeGrid: true, 
    ExpandColumn: 'name', 
    caption: "My Grid" 
}; 

    jQuery("#treeGrid").jqGrid(gridOptions); 

var gridData = [ 
    {name: "My File", type: "My File Type", modifiedon: "03/10/2010", modifiedby"Strong Sad", lft: "1", rgt: "8", level: "0"}, 
    {name: "One of Everything", type: "Word Document", modifiedon: "02/12/2009", modifiedby: "Strong Bad", lft: "2", rgt: "5", level: "0"}, 
    {name: "My Presentation", type: "PowerPoint", modifiedon: "01/23/2009", modifiedby: "The Cheat", lft: "3", rgt: "4", level: "0"} 
]; 

for (var i = 0; i < gridData.length; i++) { 
    jQuery("#treeGrid").jqGrid('addRowData', i + 1, gridData[i]); 
} 

});

來源

2010-03-24 Raul Agrait

[jqGrid的數據類型的TreeGrid本地實例：（http://www.trirand.com/blog /？page_id = 393/treegrid/json-and-xml-treegrid-complete-sample-resolved /） – 2011-03-11 19:52:43

也存在的TreeGrid文檔中的其它警告，其中大部分似乎適用於你盡力去做。不支持

與addRowData目前添加節點。

目前不支持添加節點。

當前jqGrid只能使用從服務器返回的數據。

看來所有這三個警告適用於你。您嘗試使用addRowData嘗試將節點添加到「空」樹，並嘗試使用本地數據而不是「從服務器返回的數據」。

所以我建議你來構建你的樣本相匹配的Treegrid real world example

爲的TreeGrid的文檔，你掛狀態（可以在左邊下「新的3.5版本」中找到）：

爲了使用此模塊，您應該在網格下載時標記Treegrid。有關更多信息，請參閱以下載。對於開發人員 - 這是 src 目錄中的grid.treegrid.js。

你這樣做了嗎？ jgGrid的js文件中是否包含了TreeGrid的相關js文件？

上jsbin你的代碼的快速複製/粘貼工作對我來說

http://jsbin.com/afuza/edit（然後點擊預覽按鈕）

來源

2010-03-24 01:09:02 jitter

@jitter是的，我在下載jqGrid文件（我檢查了所有內容）時標記了Treegrid。你的鏈接並不是在工作，它不是一個樹形網格，而只是一個網格。此外，排序不起作用。 – 2010-03-24 03:06:30

我知道它不是一個treegrid，我的意思是隻有網格atleast顯示，但當然它不起作用，也不是treegrid。查看更多信息 – jitter 2010-03-24 09:39:00

感謝您的回覆。如果一個樹形網格只能用於顯示靜態數據，那麼我感到非常失望。 – 2010-03-24 15:27:54

jQuery jqGrid TreeGrid無法正常工作

回答

相關問題