• 关于ztree异步加载的问题(二)


    本来以为这个异步加载会很难控制,因为考虑到ztree节点图标的控制,结果并不是那么困难,ztree自己控制图标,你只要在json中设置isParent:true,它自己会识别父节点并控制图标,以下是核心代码:

    <!--前台js代码以及html-->
    //参数设置
    var setting={
            async: {
              enable: true,
              url:"${pageContext.request.contextPath}/page/department_ascyDepartment.do",
              autoParam:["id"]
            },
         simpleDate: {
               enable:true,
               idKey:"id",
               idPKey:"parentId",
               rootPid:null
         }
       };
    //一切预备好后初始化树
     $(document).ready(function(){  
           //创建对象
        var  demoTree = $.fn.zTree.init($("#treeDemo"), setting);
    });
     
    .....
     <div class="content_wrap">
     <div class="zTreeDemoBackground left">
       <ul id="treeDemo" class="ztree"  style="margin-left:10px;background-color:white;" >
         <img alt="请稍后,正在加载数据……" src="<%=basePath%>images/loading.gif"/>
       </ul>
     </div>
    .....
    <!--后台代码 json数据封装-->
     public void  ascyDepartment(){
       JSONArray jsonArr=new JSONArray();
       try {
          pId=getRequest().getParameter("id");
          Map<String,String> map=new HashMap<String, String>();
          map.put("pId", pId);
          List<Department> departs=departmentService.getChildNodes(map);
           for(Department depart:departs){
           JSONObject json=new JSONObject();
            json.put("id",depart.getId());
            json.put("name", depart.getName());
            json.put("parentId", depart.getParentId());
            if(depart.getHasChild()!=null){
               json.put("isParent", true);
              }
               jsonArr.add(json);
           }
       HttpServletResponse response=getResponse();
       response.setCharacterEncoding("utf-8");
       response.getWriter().print(jsonArr.toString());
       } catch (Exception e) {
         e.printStackTrace();
       }
     }

    本文转自:http://blog.sina.com.cn/s/blog_8a97a8d501011ejk.html

  • 相关阅读:
    js递归优化
    音视频混流
    JS的发布订阅模式
    redhat7.4 docker run启动容器报错container_linux.go:449
    使用Docker部署vue的前端应用过程
    Mac下安装pip
    powerDesigner 把name项添加到注释
    SQL SERVER 2012 连接报错
    CentOS minimal 安装图形界面
    SQLServer2008卸载后重装问题
  • 原文地址:https://www.cnblogs.com/dreammyle/p/4018364.html
Copyright © 2020-2023  润新知