tree.htm

来自「java script web控件包含了树列表表单的操作」· HTM 代码 · 共 70 行

HTM

70 行


<html>
<head>
	<title> New Document </title>
	<link href="SigmaTree.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="SigmaTree.js"></script>
	<script type="text/javascript" src="SigmaBase.js"></script>
	<script language="javascript">
		var tree = null;
		window.onload = function(){
			
			var roots = {tree:[
				{id:"1",name:"name1",state:"opened",children:
					[
					{id:"10",name:"child0",children:[]}
					]
			    },
				
				{id:"2",name:"name2",children:[]},
				{id:"4",name:"name4",children:[]}
				]};
			var box = document.getElementById("treebox");
			tree = new Tree();
			tree.setBaseUrl("file:///D:/eclipse/workspace/sx_elearn/public/js/v1.1");
			box.appendChild(tree.getElement());
			tree.bindData(roots.tree);
			tree.onNodeChange = function(){
				if(tree.getSelectedNode()!=null){
					
				}
			}
			tree.setHeight(200);
		}

		function addNew(){
			var nodedata = {id:"123",name:"newNode123"};
			tree.addChild(nodedata);
		}

		function addNewToSelected(){
			var nodedata = {id:"123",name:"newNode123"};
			tree.addChildToSelectedNode(nodedata);
		}

		function removeSelectedNode(){
			var node = tree.getSelectedNode();
			tree.removeChild(node);
		}

		function update(){
			var node = tree.getSelectedNode();
			node.setValue({id:"45",name:"name2222 222222222",children:[]});
		}
	</script>
</head>

<body>
	<table width="100%">
	<tr>
		<td valign="top"><div id="treebox"></div></td>
		<td valign="top" width ="50%">
			<input type="button" value="Add New" onclick="addNew();"/>
			<input type="button" value="Add to Selected" onclick="addNewToSelected();"/>
			<input type="button" value="RemoveSelectedNode" onclick="removeSelectedNode();"/>
			<input type="button" value="update" onclick="update();"/>
		</td>
	</tr>
	</table>
</body>
</html>

tree.htm - 源码说明

本页面展示了「java script web控件包含了树列表表单的操作」中的 tree.htm 源码文件，采用 HTM 编程语言编写，共 70 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?