TreeTable의 애플리케이션

매개변수 구성

theme:string {테마, 두 가지 옵션이 있습니다:default, vsStyle. 기본값:default}

expandLevel: int {트리 테이블의 전개 단계. 기본값: 1}

column: int {열의 번호를 제어할 수 있습니다. 기본값: 0, 즉 첫 번째 열}

onSelect:function {controller 사용자 정의 속성을 가진 요소의 클릭 이벤트,return false는 전개를 중단합니다. 기본값:

function($treeTable, id) {       //$treeTable  jquery .       //id  id            // false， ， beforeExpand        return true; }

beforeExpand: {하위 노드를 펼치기 전에 발생하는 이벤트, 기본값:

function($treeTable, id) {       //$treeTable  jquery .       //id  id }

속성 설명

id:string행 id

pId:string 상위 행의 id

controller:bool은 어떤 요소가 줄의 전개를 제어할 수 있는지 지정합니다

hasChild:bool 특정tr요소에 아이가 있는지 지정(동적 불러오는 데 필요)

isFirstOne:bool 어떤 tr 요소가 첫 번째 아이인지 지정(자동 생성 속성, 읽기 전용)

isLastOne:bool 어떤 tr 요소가 마지막 아이인지 지정(자동 생성 속성, 읽기 전용)

prevId:string 이전 형제 노드의 id(자동 생성 속성, 읽기 전용)

depth:string 현재 줄의 깊이(속성 자동 생성, 읽기 전용)

TreeTable의 적용 사례:
pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":"+ request.getServerPort() + path + "/"; %> TreeTable rel="stylesheet"type="text/css"/> type="text/css"/>
src="acl/treetable/javascripts/jquery.treeTable.min.js"> $(function() { //class="example" $(".example").treeTable({ initialState : "expanded" }); // $("#example3").treeTable({ initialState : "expanded" }); //id="dnd-example" $("#dnd-example").treeTable({ initialState : "expanded" }); });  Example 1: A complex tree.Node 1Node 1.1Node 1.2Node 1.3Node 2Node 2.1Node 2.1.1Node 2.2 Example 2: A tree that is not collapsable.Tree columnColumn 2Node 1Second columnNode 1.1Second columnNode 1.2Second columnNode 1.3Second columnNode 2Second columnNode 2.1Second column Example 3: Dragging and dropping example.TitleSizeKindCHANGELOG 4 KBPlain textdoc --Folderimages --Folder

TreeTable의 애플리케이션

매개변수 구성

속성 설명

좋은 웹페이지 즐겨찾기