延迟加载使用jQuery treetable中

问题描述：

我使用这个插件获取树型视图表：http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/延迟加载使用jQuery treetable中

它的伟大工程，除了一两件事，我需要，这是内容的延迟加载。

它确实延误，本公司，当一个文件夹被打开了一个回调的功能，然后我用它来获取新开放的部门和使用Ajax调用的数据来填充它。它在表格中很好地填充，但添加的行不符合它们应该缩进的结构。。

将jQuery（ '＃树表'）的呼叫treetable中（{}）;在附加的行添加结果后，正确的缩进，但它也折叠树，这是恼人的用户导航沿深路径。

有其他人试图做treetable中类似的事情？

答

它看起来像你将要为使用：他们自己的API中提供

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

功能。一旦你添加了新的分支，确保你保存了对它的引用，然后在你重新初始化之后调用一个函数让它显示（在这种情况下可能显示为（））。

答

有GitHub上关于延迟加载的问题，这可能有助于：https://github.com/ludo/jquery-treetable/issues/24

答

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); 
     }, 
    });

延迟加载使用jQuery treetable中

相关推荐