如何在 Apache Wicket 应用程序中添加和展开全部/折叠全部到 jQuery TreeTable？答案

【问题标题】：How to add and expand all / collapse all to a jQuery TreeTable in an Apache Wicket application?如何在 Apache Wicket 应用程序中添加和展开全部/折叠全部到 jQuery TreeTable？
【发布时间】：2011-05-03 01:17:49
【问题描述】：

我使用 jQuery 插件 TreeTable 的方式与博客条目 A jQuery tree table for Wicket 中提到的类似。

我现在要做的是在全部展开/折叠所有按钮中附加一些 JavaScript 代码。

以下代码似乎不起作用。

$(".treeTable").treeTable().expand();

还有

$(".treeTable").treeTable();
$(".treeTable").expand();

【问题讨论】：

这些看起来是正确的。你可以发布标记吗？

标签： jquery apache wicket

【解决方案1】：

非常好的挑战。

我已经构建了一个“全部扩展”功能（因为它没有）。给你：

$.fn.expandAll = function() {
    $(this).find("tr").removeClass("collapsed").addClass("expanded").each(function(){
        $(this).expand();
    });
};

要使用它，只需：

$(".treeTable").expandAll();

我希望这会有所帮助。

【讨论】：

这样就完成了！非常感谢！ :) 我是 jQuery 的新手，我假设您的功能是查找所有具有“折叠”类的 tr 标签，删除该类并在这些 tr 标签上应用“扩展”类。再次非常感谢这个！ :)

【解决方案2】：

对于仍在寻找此问题的任何人，以下是答案：

您需要以某种方式触发这些事件，例如：假设您放置了两个 href 标签，这是兼容的代码：

对于扩展所有节点：

$('#expandAllTasks').on('click', function(e) {
    e.preventDefault();
    $('.gantt_treetable').treetable('expandAll');
});

折叠所有节点：

$('#collapseAllTasks').on('click', function(e) {
    e.preventDefault();
    $('.gantt_treetable').treetable('collapseAll');
});

我希望这对某人有帮助:)

【讨论】：