트리 위젯
데이터 집합을 사용하면 트리 위젯에 트리가 표시됩니다. 이 데이터 집합에는 각 행의 ID와 각 행의 상위 ID에 대한 정보가 있어야 합니다.
속성
공통 위젯 속성에 대한 자세한 내용은 위젯을 참조하십시오. 트리 위젯에 관련된 속성은 아래 표에 설명되어 있습니다.
|
속성 이름
|
설명
|
기본 유형
|
기본값
|
바인딩 가능 여부 (Y/N)
|
로컬리제이션 가능 여부 (Y/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
위젯의 최상위 div에 적용할 사용자 정의 CSS 클래스입니다. 여러 클래스를 공백으로 구분하여 입력할 수 있습니다.
|
STRING
|
해당 없음
|
Y
|
N
|
|
AutoSelectFirstRow
|
새 데이터 입력 시 첫 번째 데이터 행을 자동으로 표시합니다.
|
BOOLEAN
|
False
|
N
|
N
|
|
LabelField
|
트리 레이블에 사용할 필드입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
TooltipField
|
도구 설명에 사용할 필드입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
ValueField
|
트리 값에 사용할 필드입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
IDField
|
트리 노드를 고유하게 식별하는 필드입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
ParentIDField
|
트리 노드의 상위를 고유하게 식별하는 필드입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
RootParentID
|
트리 루트 위에 있는 노드의 ID입니다. 원격 사물의 루트 디렉터리는 해당 상위를 /(슬래시)로 보고합니다. 원격 사물의 디렉터리를 표시하도록 /를 설정합니다.
|
STRING
|
해당 없음
|
N
|
N
|
|
TreeFormatter
|
트리 항목 레이블에 대한 스타일 서식 적용 규칙입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
ClosedNodeFormatter
|
닫힌 트리 항목 이미지에 대한 스타일 서식 적용 규칙입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
OpenNodeFormatter
|
열린 트리 항목 이미지에 대한 스타일 서식 적용 규칙입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
NoChildFormatter
|
하위 항목이 없는 트리 항목 이미지에 대한 스타일 서식 적용 규칙입니다.
|
해당 없음
|
해당 없음
|
N
|
N
|
|
SelectedLabel
|
현재 선택한 레이블입니다.
|
STRING
|
해당 없음
|
Y
|
N
|
|
SelectedValue
|
현재 선택한 값입니다.
|
STRING
|
해당 없음
|
Y
|
N
|
|
SelectedBreadcrumb
|
현재 선택한 이동 경로입니다. 기본값은 트리에서 노드를 선택하기 전에 표시되는 값입니다.
|
STRING
|
해당 없음
|
Y
|
N
|
|
Data
|
바인딩 가능한 데이터 소스입니다.
|
INFOTABLE
|
해당 없음
|
Y
|
N
|
|
CollapseChildrenOfLevel
|
숫자 값입니다. 정의된 값은 초기 로드 시 축소되는 트리 수준을 결정합니다. 1로 설정하면 초기 로드 시 트리가 완전히 축소됩니다.
|
NUMBER
|
99
|
N
|
N
|
|
DoubleClicked
|
위젯을 두 번 클릭하면 이벤트가 트리거됩니다.
|
해당 없음
|
해당 없음
|
Y
|
N
|
 |
STRING 입력 필드에 문자열 값만 입력했는지 확인합니다. STRING 입력 필드에서 트리 위젯은 HTML 태그에 입력된 값을 지원하지 않습니다. 보안 강화로 인해 HTML 태그에 입력된 문자열 값은 실행 시간에 렌더링되지 않고 데이터가 나타나지 않습니다.
|
|
|
트리 위젯에 있는 노드에 대한 ID 0/0을 입력해서는 안 됩니다. 이는 Dhtmlx 라이브러리가 트리의 루트에 ID 0/0을 사용하고 사용자가 이 ID를 다른 노드에 사용할 수 없기 때문에 발생한 해당 라이브러리와 관련하여 알려진 제한 사항입니다.
|