jQuery.treegrid是一款非常好用的前端插件,它可以非常方便地展現(xiàn)出樹形結(jié)構(gòu)數(shù)據(jù)。不過,有時候我們需要隱藏一些節(jié)點(diǎn),這時候該怎么辦呢?
其實(shí),jQuery.treegrid提供了一個很好用的方法——hideNode,用于隱藏某一個節(jié)點(diǎn)。代碼如下:
// 隱藏節(jié)點(diǎn)id為1的節(jié)點(diǎn) $('#treegrid').treegrid('hideNode', 1);
但是如果我們需要隱藏多個節(jié)點(diǎn)的話,每次都執(zhí)行一遍hideNode方法就太麻煩了。這時候我們可以自己封裝一個方法來同時隱藏多個節(jié)點(diǎn)。代碼如下:
// 封裝隱藏多個節(jié)點(diǎn)的方法 $.fn.treegridHideNodes = function(ids) { for (var i = 0; i< ids.length; i++) { $(this).treegrid('hideNode', ids[i]); } }; // 調(diào)用隱藏多個節(jié)點(diǎn)的方法 $('#treegrid').treegridHideNodes([1, 2, 3]);
這樣,我們就可以在代碼中一次性隱藏多個節(jié)點(diǎn)了。