时间:2021-05-25
本文实例为大家分享了zTree树形插件异步加载,Struts2框架,供大家参考,具体内容如下
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>异步加载</title><link rel="stylesheet" href="${pageContext.request.contextPath}/zTree_v3-master/css/demo.css"><link rel="stylesheet" href="${pageContext.request.contextPath}/zTree_v3-master/css/zTreeStyle/zTreeStyle.css"><script type="text/javascript" src="${pageContext.request.contextPath}/jquery-2.1.1.min.js"></script><script type="text/javascript" src="${pageContext.request.contextPath}/zTree_v3-master/js/jquery.ztree.core.min.js"></script><script type="text/javascript"> var setting = { async : { enable : true, url : "${pageContext.request.contextPath}/ztreeAction!getMenusById.jhtml", autoParam : [ "id" ], //dataFilter : filter }, data : { key : { url : "xUrl" }, simpleData : { enable : true, pIdKey : "pid" } }, }; $(document).ready(function() { $.fn.zTree.init($("#treeDemo"), setting); });</script></head><body> <div class="ztree" style="width: 20%; height: 500px; padding-top: 10px; float: left; border: 1px solid #FF0000;"> <ul id="treeDemo"></ul> </div></body></html>上面呢,是jsp页面的代码,因为是纯插件测试,可以直接复制过去使用的,
action层代码,可以直接复制使用
dao层就不用写了吧,只是一个查询,下面我把ztree的表字段附上
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、添加自定义属性page2、为ztree每个树形节点,添加点击事件ztree树形菜单的使用//页面加载后执行$(function(){//1.进行ztree树
前言zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。支持静态和Ajax异步加载节点数据.在开
C#使用JqueryzTree实现树状结构显示_异步数据加载JQuery-Ztree下载地址:https://github.com/zTree/zTree_v3
树形结构树形结构有多种形式和实现方式,zTree可以说得上是一种比较简洁又美观的且实现起来也相对简单。zTree是一个依靠jQuery实现的多功能“树插件”。它
ztree是JQuery的一个开源树形目录的插件,用来快速构建网站的树形目录结构,并且提供了功能丰富,利于扩展的API。JQueryztree官网只要引入jqu