ext 일반 트리의 정적 실현
treeFromOrg.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Reorder TreePanel</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all-debug.js"></script>
<script type="text/javascript" src="reorderFromOrg.js"></script>
</head>
<body>
<h1> </h1>
<div id="tree-div">
</div>
</body>
</html>
reorderFromOrg.js
/***********************************
************************************/
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL='../extjs/resources/images/default/tree/s.gif'
//Ext.QuickTips.init();
var tree=new Ext.tree.TreePanel({
el:'tree-div',
useArrows:true,
animate:true,
collapsible:true,
enableDD:true,
containerScroll:true,
border:false,
autoScroll:true,
rootVisible:true,
width:300,
autoHeight:true
//useArrows:true
//height:100
});
var root=new Ext.tree.TreeNode({
id:"root",
text:" "
//expanded:true
});
var index = 0;
var subTree = new Ext.tree.TreeNode({
id:'subTree0',
text:' ',
listeners:{
//
"contextmenu":function(node,e){
menu = new Ext.menu.Menu([
{
text:" ",
handler:function(){
var newNodeName = prompt(' ');
node.appendChild(
new Ext.tree.TreeNode(
{
id:'subTreeDynamic',
text:newNodeName,
listeners:{
"contextmenu":function(node,e){
menu2 = new Ext.menu.Menu([
{
text:" ",
handler:function(){
node.destroy();
}
}
]);
menu2.showAt(e.getPoint());
}
}
}
)
);
}
}
]);
menu.showAt(e.getPoint());
}
//
/*"click":function(node){
this.appendChild(new Ext.tree.TreeNode(
{
id:'subTreeDynamic',
text:node.text
}
)
);
}*/
}
});
var subTree1 = new Ext.tree.TreeNode({
id:'subTree1',
text:' 1'
});
var subTree2 = new Ext.tree.TreeNode({
id:'subTree2',
text:' 2'
});
var subTree3 = new Ext.tree.TreeNode({
id:'subTree3',
text:' 3'
});
var subTree4 = new Ext.tree.TreeNode({
id:'subTree4',
text:' 4'
});
var subTreeLevel2 = new Ext.tree.TreeNode({
id:'subTreeLevel2',
text:'2 '
});
subTree.appendChild(subTreeLevel2);
root.appendChild(subTree);
root.appendChild(subTree1);
root.appendChild(subTree2);
root.appendChild(subTree3);
root.appendChild(subTree4);
//alert(tree.getRootNode());
tree.setRootNode(root);//
tree.render();
}
);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.