jqzTree使用

传统网站使用jq-ztree比较多,做一些技术总结

ztree网站api:http://www.treejs.cn/v3/api.php

//引入css,自己的css,ztree的css
<link rel="stylesheet" href="../../../css/main.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">

//引入jq, ztree.core.js,
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>
//如果勾选,引入ztree.excheck.js
<script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script>
//如果编辑树【拖拽,删除,批量加载】,引入ztree.exedit.js。
<script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>
<script>
//编写配置代码
</script>

//dom文本中引用
<div>
    //id存放树的区域,class需要添加ztree才会有效果
    <ul id="treeDemo" class="ztree">
    </ul>
</div>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理