Question

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

我现在要做的是在expand all / collapse all按钮中附加一些JavaScript代码。

以下代码似乎不起作用。

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

还

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

Answer 1

非常好的挑战。

我已经构建了一个'全部展开'功能（因为它没有它）。在这里你有：

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

要使用它，只需执行：

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

我希望这会有所帮助。

Answer 2

对于仍在寻找此事的人来说，这是一个答案：

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

用于扩展所有节点：

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

折叠所有节点：

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

我希望这有助于某人：）

如何在Apache Wicket应用程序中添加和展开all / collapse all到jQuery TreeTable？

2 个答案: