Ext 트리 - 구축

1363 단어 ext
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: 동적 로드 트리 노드에 많이 사용됩니다. 요청을 한 후에야 이 등급이 잎인지 아닌지 알 수 있기 때문에 처음에는 가지의 모양입니다. 만약에 아래에 다른 가지와 잎이 있다면 추가하고 없으면 잎이 됩니다.
 
 
노드 캐리어 아직 정리 중입니다. 정리 끝났습니다. 다시 보내주세요.

좋은 웹페이지 즐겨찾기