2013-05-16 35 views
1

是否有JSF或PrimeFaces控件是「可搜索」樹視圖?我在思考類似於Eclipse的「選項」,在這裏你可以在搜索框中鍵入一些文本,樹視圖自動調整自己。JSF或PrimeFaces可搜索樹視圖控件

enter image description here

我知道我可以用一些jQuery的做到這一點很容易,但是從高的格言是沒有在線JS/jQuery的。我們必須使用所有的JSF。有沒有人有任何想法?

回答

1

目前在PrimeFaces中沒有內置機制,但是樹組件是基於Java Bean輸出動態構建的。因此,可能的解決方案將是:

1)p:ajax監聽通知豆約濾波器變化

2)創建p:inputText根據TreeNode過濾

3)更新樹組件

重建但是,我建議不要在按鍵後立即調用bean方法,而是使用可參照超時:

var filterTimeout; 
var filterEvent = function() { 
    if (filterTimeout) { 
     clearTimeout(filterTimeout); 
    } 
    filterTimeout = setTimeout(function(){ 
     doFilterOnServer(); 
     filterTimeout = null; 
    }, 300); 
}; 
$('[id$=\\:myTree]').find('input').keyup(filterEvent);