欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  Java

zTree树形插件使用--异步加载方法介绍

程序员文章站 2022-03-28 15:10:14
...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>异步加载</title>
<link rel="stylesheet"href="${pageContext.request.contextPath}/zTree_v3-master/css/demo.css?1.1.11">
<link rel="stylesheet"href="${pageContext.request.contextPath}/zTree_v3-master/css/zTreeStyle/zTreeStyle.css?1.1.11">
<script type="text/javascript"src="${pageContext.request.contextPath}/jquery-2.1.1.min.js?1.1.11"></script>
<script type="text/javascript"src="${pageContext.request.contextPath}/zTree_v3-master/js/jquery.ztree.core.min.js?1.1.11"></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层代码，可以直接复制使用
    public void getMenusById(){
        List<Ztree> list=null;try {
            list=ztreeService.getMenusById(ztree);
        } catch (Exception e) {
            e.printStackTrace();
        }super.writeJson(list);
    }
 List<Ztree> getMenusById(Ztree ztree)  Exception;
//接口
"ztreeService"  ZtreeServiceImpl  List queryList(Ztree ztree) =" from Ztree where 1=1 "<String, Object> params =  HashMap<String, Object>(ztree.getId()!=+=" and id = :id ""id" List<Ztree> getMenusById(Ztree ztree) =" from Ztree where 1=1 "<String,Object> params= HashMap<String,Object>(ztree.getId()==||ztree.getId().equals(""+=" and pid is null "+= " and pid = :id ""id"<Ztree> queryZtree =<Ztree> list= ArrayList<Ztree>"true"  queryBoolean(Ztree ztree)  flag== " from Ztree where pid = :id "<String,Object> params= HashMap<String,Object>"id"<Ztree> queryZtree =(queryZtree!=&&queryZtree.size()>0=

dao层就不用写了吧，只是一个查询，下面我把ztree的表字段附上

zTree树形插件使用--异步加载方法介绍

希望可以帮到大家，这就是我再学习ztree插件时的测试代码，ssh框架注解版，在其他框架里还没有试过，但是了解了使用方法，应该都没问题，我相信你们都比我强的多。不是大神，只是分享一下。大神勿喷~~~~~~~~~~

以上就是zTree树形插件使用--异步加载方法介绍的详细内容，更多请关注其它相关文章！

相关标签： zTree 异步 使用 插件 树形

上一篇： 什么是Bootstrap？Bootstrap的用法介绍

下一篇： vue 如何配置使项目打包后图片文件的引用路径改为cdn路径?

推荐阅读