2011-05-03 27 views
4

我使用jQuery插件TreeTable在博客中A jQuery tree table for Wicket提到類似的方式。如何在Apache Wicket應用程序中添加和展開所有/全部摺疊到jQuery TreeTable?

我想現在做的是安裝在一些JavaScript代碼全部展開/全部摺疊按鈕(一個或多個)。

下面的代碼似乎並沒有工作。

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

而且還

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

那些看起來是正確的。你可以發佈標記嗎? – ataddeini 2011-05-03 01:22:53

回答

10

很不錯的挑戰。

我已經建立了一個「展開所有」功能(因爲它沒有它)。在這裏,你就會明白:

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

要使用它,只是做:

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

我希望這有助於。

+0

這樣做的工作!非常感謝! :) 我是新來的jQuery,我假設你的功能確實是要找到有類的所有TR標籤「崩潰」,刪除類,並應用這些TR標籤的「擴展」類。 非常感謝! :) – shmoo 2011-05-03 08:59:40

0

這裏的任何人的答案仍然在尋找這樣的:

你需要以某種方式引發這些事件,例如:讓我們說你放了兩個HREF標記,這裏的兼容代碼:

擴大所有節點:

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

對於倒塌的所有節點:

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

我希望這可以幫助別人:)