Filterable Tree Example

텍스트 박스에 검색어를 입력하면 Tree의 label문자열을 대상으로 필터링하여 보여주는 기능을 구현한 것입니다.

 

원래 XMLListCollection 클래스의 filterFunction속성으로 구현하려 했지만 필터링한 후 목록이 갱신될 때 스크롤바는 갱신되지 않아 삽질좀 했습니다. 결국 매번 필터링 할때마다 dataProvider를 통째로 갱신하는 걸로 때웠습니다.

ListCollection계열 클래스만으로 구현할 때 최상위 노드에 대한 필터링이 제대로 이루어지지 않아(아마 Tree컴포넌트의 Display로직과 무슨 일이 있긴 있나봅니다.) 최상위 노드 필터링과 하위노드 필터링을 분리했습니다. 하위노드 필터링은 filterFunction이 적용된 Tree.dataDescriptor를 활용했습다.

필터링 메서드만 바꾸면 내용에 대해서도 검색이 가능할 것 같습니다. 코드 부분부분 삽질에 흔적이 있으니 필요할 때 샘플코드로 참고하시면 유용할 듯 싶습니다.

            

참고

Using a Data Manager and Filtering Data In A Flex Tree (even the nodes!)

How to filter all nodes of a Flex Tree component

Filtering a Flex Tree using an ArrayCollection

신고

'Blog > 나의 작업물' 카테고리의 다른 글

Drag & Resize 소스를 공개합니다.  (8) 2010.09.15
Filterable Tree Example  (0) 2010.09.07
Drag & Resize 컴포넌트  (9) 2010.08.23
ebook에 대한 Q&A  (0) 2010.08.12
Docking system 소스 받기  (6) 2010.08.10
Naver 개발자 센터에 Docking system 소스를 공개합니다.  (1) 2010.08.10
TAG
트랙백 ( 0 )개 , 댓글 ( 0 ) 개가 달렸습니다.

Commentary

댓글을 달아 주세요.

Add a Comment

comment에 대한 답변글은 해당 글상자에 있는 "R"(reply)버튼을 클릭하여 작성해 주시기 바랍니다.

티스토리 툴바