zoukankan      html  css  js  c++  java
  • ztree 异步加载大数据(一)

    要求:接口如下:/mattersbookingbuild/getCatesTree?catePId=0(首次参数)   catePId是每次数据的id查询  接口数据默认cateid为0,查询出来的接口数据为第一层父级元素,后端要求想要查询其子级元素,需要将id 传到接口进行查询。大数据异步查询  如图一


     图一  首次数据结构

    图二 效果展示

    与ztree的demo中异步加载的对比如图三,没有设置父级,参数是isParent:


    图三 区别

    所以在设置时获取节点数据时添加参数isParent,设置父级(十字框)。

    根据后台数据(一般后台都会给节点类型)中的cateType来判断是否为最末节点,是的话,isParent为false,其余为true。这样我们就能快速添加父节点。

    思路步骤:

    1.在第一层数据上加上根节点


    图4  根节点添加

    2.添加父级节点


    图5

    3.以上都是第一次查询,即初始化的操作,若点击父级节点,查看子节点又该怎么办呢?根据ztree的demo和api参考,设置async参数,利用URL方法,如图6


    图6

    7.


    图7

    8.点击十字框加载异步


    图8

    9.最终效果


    图9
  • 相关阅读:
    “爆奇葩”项目之索引页
    android 的生命周期自我理解
    Jquery Mobile 中文API站
    根据两点经纬度计算距离
    sql语句查询经纬度范围
    Asp.net core 笔记
    Docker 笔记
    IOC和DI
    PHP学习笔记十、图像处理
    PHP学习笔记九、cookie与session
  • 原文地址:https://www.cnblogs.com/lanatth/p/12986940.html
Copyright © 2011-2022 走看看