Ext 트리 - 구축
1363 단어 ext
하나는dom 연결이고, 다른 하나는dom에 노드 캐리어를 만들어 서버 쪽에서 동적으로 트리의 노드 정보를 불러올 수 있도록 하는 것이다
먼저 덤 연결을 보겠습니다.
Ext.onReady(function() {
var root = new Ext.tree.TreeNode({
id : "root",
text : " "
});
var c1 = new Ext.tree.TreeNode({
text : " 1"
})
var c11 = new Ext.tree.TreeNode({
text : " 11"
})
var c12 = new Ext.tree.TreeNode({
text : " 12"
})
c1.appendChild(c11);
c1.appendChild(c12);
var c2 = new Ext.tree.TreeNode({
text : " 2"
});
root.appendChild(c1);
root.appendChild(c2);
var tree = new Ext.tree.TreePanel({
title:'treeTest',
renderTo : document.body,
root : root,
width:300,
height:300,
width : 300
});
});
TreeNode(정적 노드), AsyncTreeNode(동적 노드) 두 가지 노드의 차이
TreeNode:dom 접합에 많이 쓰여요. 디스플레이로 보면 스마트해요. 잎이면 잎이고, 가지면 가지예요.
Async Tree Node: 동적 로드 트리 노드에 많이 사용됩니다. 요청을 한 후에야 이 등급이 잎인지 아닌지 알 수 있기 때문에 처음에는 가지의 모양입니다. 만약에 아래에 다른 가지와 잎이 있다면 추가하고 없으면 잎이 됩니다.
노드 캐리어 아직 정리 중입니다. 정리 끝났습니다. 다시 보내주세요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS 3.2 학습 노트(3) 사용자 정의 이벤트Extjs에서 모든 상속은 Ext.util에서 합니다.Observable 클래스의 컨트롤은 이벤트를 지원할 수 있습니다. 클래스에 대해 이벤트를 사용자 정의하려면 다음 절차를 따르십시오. 1, 먼저 클래스를 정의합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.