vue 项目ztree 异步加载树

1、在data()添加setting设置


setting: {data: {simpleData: {enable: true,idKey: "",pIdKey: "",rootPId: 0}},check: {//不显示复选框enable: false},view: {nameIsHTML: true,selectedMulti: false},edit: {enable: false,editNameSelectAll: false},async: {enable: true, // 开启异步加载url: "", //对应的后台请求路径dataType: "json",autoParam: [] // 异步加载时需要自动提交父节点属性的参数},callback: {onClick: this.onClick, // 节点被点击时调用}},

`` 2、点击树异步请求后台数据

onClick(event, treeId, treeNode, clickFlag) {//console.log(event, treeId, treeNode, clickFlag)let get_url ="xxxxxx"this.$http.get(get_url, {}).then(items=> {//   console.log('treeSelect res-------->::', items)//异步点击查询子节点，无该子节点则插入到该父节点中if(!treeNode.hasOwnProperty("children") || treeNode.children.length == 0) {for(let i = 0; i < items.length; i++) {var treeObj = $.fn.zTree.getZTreeObj(treeId);//treeId为自定义的树的idvar parentZNode = treeObj.getNodeByParam("code", treeNode.code, null); //获取指定父节点，code为本级节点， treeNode.code为当前点击节点的code值let newNode = treeObj.addNodes(parentZNode, items[i], false);//将获取到的子节点插入到父节点中}}}}).catch(error => {console.log(error)throw new Error(error)})},

vue 项目ztree 异步加载树相关推荐

Jquery Ztree异步加载树
1. 下载jquery的JS文件/ztree的CSS文件和JS文件 https://jquery.com/download/ https://gitee.com/zTree/zTree_v3/tree ...
ztree java 异步_使用 zTree 异步加载
使用 zTree 异步加载使用场景可能需要展示类别很多,如果采用直接加载的方式,需要展示的数据量过大,交互十分不友好.所以采用 zTree 异步加载数据. demo 环境 SpringBoot 1 ...
php ztree异步加载数据格式,zTree异步加载简单demo
这几天花了些时间,试了试zTree自带的异步加载方式还不错. 有个奇怪的问题: 无论我在服务器设置 setContentType("text/plain;charset=UTF-8&quo ...
vue项目首屏加载过慢解决方案
前言因为我的一个vue项目首页打开加载了好久,所以决定优化一下.发现是打包体积太大了,页面才加载慢主要是第三方库. 优化着优化着就想要更好一点,于是逛博客搜索,参照了几个博主的解决方法整理出一下几点 ...
zTree 异步加载
前几天一直在研究zTree 怎么实现异步加载,看了很多文章头也是蒙蒙的,现在自己来总结一下,在这里先解释一下所谓的异步加载.异步加载就是数据没有一次性全部加载出来,当用户点击父节点上的"+& ...
zTree 异步加载添加子节点重复问题 .
最近写程序需要一颗可以一步加载的树,发现ztree功能很强大.搞了好久才知道怎么实现树节点的异步加载, 在这里记录下来以方便以后自己忘记了.代码如下: <spanstyle="font ...
iframe js 加载失败_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...
vue 加载太慢_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...
ztree异步加载数据amp;amp;amp;amp;amp;amp;amp;amp;给父节点动态追加子节点
对于ztree,整了两天了,在数据库中查出json符合格式的数据,这很好整,但是在ztree追加时出现重复节点,找了半天资源,最终还是用ztree自带的异步加载解决问题,特此记录一下下!!如果不足请指 ...

vue 项目ztree 异步加载树

vue 项目ztree 异步加载树相关推荐

最新文章

热门文章