码迷,mamicode.com
首页 > 其他好文 > 详细

Ztree

时间:2017-10-12 20:35:55      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:image   技术   styles   setting   ima   1.4   根据   pen   class   

 

首先在ztree官方网站上根据要求下载Ztree所需要的Dll。

 

 

<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core.js"></script>

<script type="text/javascript">
var setting = {};
var zNodes = [
{
name: "中国",
open: true,
children: [{
name: "河北省",
children: [
{
name: "保定市",
children: [
{ name: "唐县" },
{ name: "易县" },
{ name: "曲阳" }
]
},
{ name: "邯郸市" },
{ name: "顺平" },
{ name: "龙城" },
{ name: "雄安" },
]
}]
}
];
$(document).ready(function(){
$.fn.zTree.init($("#treeDome"),setting,zNodes)
})
</script>
</head>
<body>
<div>
<ul id="treeDome" class="ztree"></ul>
</div>
</body>
</html>

 技术分享

 

这只是简单的ztree。建议阅读Ztree官方网站.

Ztree

标签:image   技术   styles   setting   ima   1.4   根据   pen   class   

原文地址:http://www.cnblogs.com/liuruipeng/p/7657595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!