flex 트리에서 여러줄로 보여주기

wordWrap="true"

variableRowHeight="true"

 

트리에 위 두 속성을 지정하면 된다. 글자 보여지는 공간이 좁아서 한 건데 tree 스타일에 indentation: 0; 을 주면 자식을 들여넣는 정도를 0으로 지정해서 공간이 넓어진다. 2 depth 밖에 없고 아이콘이 달라서 indent를 0으로 지정해도 볼만하다.

Flex tree 아이템 drag

온라인 상의 예제를 보고 Tree 드래그 드롭을 구현했다. dragDrop의 핸들러로 dragDropHandler을 지정하고 dragDropHandler에서 아래와 같이 코딩했는데 자꾸 죽더라.

 

var items:Array = dragSource.dataForFormat("items") as Array;

 

dragSource의 멤버들을 보니 formats라는 배열이 있길래 봤더니 말그대로 format 종류들을 리턴해줬다. treeItems라는 것으로 들어 있길래 위의 items를 treeItems로 바꿨더니 잘 된다.

 

items의 값 안에 뭐가 들어있는 지도 문제였다. 한 개의 값을 꺼내서 toLocaleString()으로 찍어보니 XML이었다. XML로 형 변환 하고 tree에서 dataProvider로 지정한 XML에 맞춰 attributes를 꺼내서 찍어보니 잘 들어온다.

 

이런 종류의 삽질은 경험으로 다 해결해야 하는 건가? 스트링에 뭐가 들어갔을줄 알고. 요즘 디버거가 작동이 안되는데 디버거로 보면 좀 자세히 나오려나. 책 한 권 살까? 휴=3

 

참고 : http://www.adobe.com/devnet/flex/quickstart/adding_drag_and_drop/