Как добавить и развернуть все / свернуть все в jQuery TreeTable в приложении Apache Wicket?

Question

Я использую плагин jQuery TreeTable аналогичным образом, упомянутый в записи блога Таблица дерева jQuery для Wicket .

Что я хочу сейчас сделать, так это присоединить некоторый код 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');
});

Надеюсь, это кому-нибудь поможет:)