jqueryui 간단tree 사용 (노트, 미완성...)

1595 단어
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/Base.css" rel="stylesheet" />
<link href="css/Button.css" rel="stylesheet" />
<link href="css/easyui.css" rel="stylesheet" />
<link href="css/tree.css" rel="stylesheet" />
<link href="css/icon.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
</head>
<body>
<ul id="documentUL"></ul>
    <script>
    	$("#documentUL").tree({
					data:[{ 
							"id":1, 
							"text":"JAVA  ",
							"iconCls":"hiddenStyle",
							"children":[{
								"text":"OA    ",
								"iconCls":"hiddenStyle",
								"children":[{
									"text":"    ",
									"iconCls":"hiddenStyle"
									},{
									"text":"    ",
									"iconCls":"hiddenStyle"
								}]
							}]
						}]
				});
    </script>
</body>
</html>

좋은 웹페이지 즐겨찾기