2012-02-15 148 views
4

我使用這個插件獲取樹型視圖表:http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/延遲加載使用jQuery treetable中

它的偉大工程,除了一兩件事,我需要,這是內容的延遲加載。

它確實延誤,本公司,當一個文件夾被打開了一個回調的功能,然後我用它來獲取新開放的部門和使用Ajax調用的數據來填充它。它在表格中很好地填充,但添加的行不符合它們應該縮進的結構。 。

將jQuery( '#樹表')的呼叫treetable中({});在附加的行添加結果後,正確的縮進,但它也摺疊樹,這是惱人的用戶導航沿深路徑。

有其他人試圖做treetable中類似的事情?

回答

0

它看起來像你將要爲使用:他們自己的API中提供

expand : Recursively show all node's children in a tree. 
reveal : Reveal a node by expanding all ancestors. 

功能。一旦你添加了新的分支,確保你保存了對它的引用,然後在你重新初始化之後調用一個函數讓它顯示(在這種情況下可能顯示爲())。

0
var orgExpandNode = $.fn.jqGrid.expandNode, 
     orgCollapseNode = $.fn.jqGrid.collapseNode; 

    $.jgrid.extend({ 
     expandNode : function(rc) { 
      if(this.getNodeChildren(rc).length===0){ 
      $.ajax({  
       url : "http://localhost:8080/xxxx", 
       success : function(data) {      
       var result = data;     
       for(var i=0;i<result.length;i++){      
         grid.addChildNode(result[i].id,result[i].parent,result[i]); 
       } 
       result=[]; 
        } 
      }); 
      } 
      return orgExpandNode.call(this, rc); 
     }, 
    });