当前位置：文江博客话题详情

使用 jQuery treeTable 进行延迟加载

发布于 2025-01-06 01:35:14 字数 416 浏览 0 评论 0原文

我正在使用这个插件来获取树视图表：http://ludo。 cubicphuse.nl/jquery-plugins/treeTable/doc/

它工作得很好，除了我需要的一件事，那就是内容的延迟加载。

它确实提供了打开文件夹时的回调功能，然后我用它来获取新打开的分支并使用 ajax 调用来填充数据。它可以很好地填充表格，但添加的行不符合应有的缩进结构。

调用 jQuery('#tree-table').treeTable({});添加额外的行后会导致正确的缩进，但它也会折叠树，这对于用户沿着较深的路径导航来说很烦人。

有没有其他人尝试过对 treeTable 做类似的事情？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

海夕 2025-01-13 01:35:14

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

回复收藏 0 原文

软的没边 2025-01-13 01:35:14

看起来您会想要使用：

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

他们在 API 中提供的功能。添加新分支后，请确保保存对其的引用，然后在重新初始化后调用一个函数以使其显示（在本例中可能是reveal()）。

it looks like you will want to use either:

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

functions which they offer in their API. Once you add the new branch, make sure you save a reference to it, and then after you re-initialize then call a function to get it to show (probably reveal() in this case).

回复收藏 0 原文

匿名的好友 2025-01-13 01:35:14

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

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

回复收藏 0 原文

~没有更多了~