靜態的顯示頁面：
<html>
<head><base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CMS 後臺管理工作平臺</title>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.jstree.js"></script>
<script language="javascript">
/** 第一種寫法
$(function() {
//將menuContainer變成一棵樹！
$("#demo").jstree( {
"json_data":{
"data":
[
{
"data":"齊齊哈爾大學",
//第一種給對象添加屬性
"attr":{"id":"12","name":"hh"},
"children":["child1","child2"]
}
]
},
"plugins" : [ "themes", "json_data" ]
});
});
**/
//第二種寫法,注意是添加attr
$(function() {
//將menuContainer變成一棵樹！
$("#demo").jstree( {
"json_data":{
"data":
[
{
"data":{
"title":"大學",
"attr":{"href":"www.baidu.com","target":"_top"}
},
"attr":{"id":"12","name":"hh"},
"children":[
{"data":"教務處"},
{"data":
{
"title":"中主一樓",
"attr":{"href":"www.qida.com"}},
"children":["學籍科","辦公室"]
}
]
}
]
},
"plugins" : [ "themes", "json_data" ]
});
});
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 12px;
}
-->
</style>
</head>
<body>
<div id="demo">
</div>
</body>
</html>