最近几天,因为项目需要,所以自学了下layui,在使用之前就对其比较感兴趣,毕竟封装的东西也不错(个人见解),在接触到layui之后,现在有个需要就是将部门做成tree的样子,开始觉得不怎么难,毕竟都框架都封装的很好,只要后端组装json发送到前端就ok,但。。。。看下图吧

这是前端发送的ajax请求

再看打印的json数据:

再看官网给出的例子中的json格式:

对比下,看这json格式与官网中给出的案例格式是一致的,但最后的给我展示出来的结果却不让人开心!

看到这个样子,脑子有点懵,然后开始怀疑是不是自己后端组装json格式的原因?然后经历了几种json转换,以及将对象发送到前端来组装成json,最后还是一样的结果!后面上完厕所之后,仔细分析了下,应该不是json格式和后端数据的问题,可能是格式的问题,最后再将node数据改成下面测试了下:

测试之后,完美显示成功,如下图:

的确,再看下deptList和jsonData的类型,如下图:

看完这类型之后,大家应该都会明白吧!我记得我之前使用zTree的时候好像也发生过这种错误,json格式和数据都没错,唯一就是数据的类型问题,一个是string类型,一个是object类型,最后导致解析错误,上次没有写下记住,这次必须写下谨记!!!

转载于:https://www.cnblogs.com/mYunYu/p/10150196.html

关于使用layui中的tree的一个坑相关推荐

  1. 问题记录 | 记录PIL中Image.save的一个坑

    Image.save然后open数值是会变的 我找了一个下午终于找出问题所在,PIL的Image库中把图片resize了之后存在本地然后再读进来,与直接resize后的数值是不一样的. data_va ...

  2. linux open换行windows,python中遇到的Windows系统中换行符的一个坑

    在项目hex2bin( https://github.com/Root-lee/hex2bin ) 中,需要实现将一个txt文本中的十六进制码转换成相应的ascii码符号并写入一个.dat文件中,以用 ...

  3. Leaflet中的L.geoJSON一个坑

    最近在使用 SuperMap iClient 9D for Leaflet 中的 L.supermap.queryService(url).queryByGeometry()接口 来定位某个建筑图斑时 ...

  4. Python 中非常狗的一个坑(在 `a={1:2},`后面多了一个逗号,自动被判为 tuple 类型了)

    本意是好的,语法灵活一点,随意一点,用起来方便. 可是不限制声明类型,甚至元组的声明都不用加括号,这就有点狗了. a = {'a': 2} # a 是 dict a['a'] # a['a'] 是 2 ...

  5. 声明一个Tree(树)类,有成员ages(树龄),成员函数grow(int years)用以对ages 加上years,showage( )用以显示tree对象的ages值。在主函数中定义Tree类对

    //声明一个Tree(树)类,有成员ages(树龄), //成员函数grow(int years)用以对ages 加上years //,showage()用以显示tree对象的ages值. //在主函 ...

  6. ibm xml专区中对XPATH的一个好文

    ibm xml专区中对XPATH的一个好文,http://www.ibm.com/developerworks/cn/xml/x-xpathjava/ 主要小结如下: 1 JDK 1.5中已经自带了很 ...

  7. layui 自定义排序_浅谈layui中table的sort排序

    table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...

  8. 在windows上的git bash中安装tree 和 linux tree命令使用

    在windows上的git bash中安装tree 和 linux tree命令使用 文章目录: 1 在windows上的git bash中安装tree 1.1 下载windows版本的tree 1. ...

  9. data layui table 排序_浅谈layui中table的sort排序

    table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...

最新文章

  1. 比特币现金在奥地利成为主流
  2. python http 身份认证简介
  3. 「POJ 1135」Domino Effect(dfs)
  4. Cambridge hpc
  5. 机器学习(一):BP神经网络(含代码及注释)
  6. 自学机器学习、深度学习、人工智能学习资源推大聚合
  7. 启动成功浏览器显示不了_移动端利用chrome浏览器在PC端进行调试方法
  8. 并行开发的基本概念及两个重要的定律
  9. resnet,inception,densenet,senet
  10. LOCK TABLES
  11. JavaScript 全栈工程师培训教程
  12. 2019-11-29-Mastering_bitcoin
  13. NR 5G 组网(NSA和SA)
  14. Learning to See in the Dark阅读札记
  15. Leetcode初级算法
  16. wifi卡慢延迟高_家中无线突然很慢/卡顿怎么办?路由器增强WiFi信号的几种方法...
  17. 2021年G3锅炉水处理考试总结及G3锅炉水处理模拟试题
  18. 随机森林:提供银行精准营销解决方案
  19. 用java导入导出zip文件
  20. colaboratory报错:CUDA status Error: file: ./src/blas_kernels.cu : ()

热门文章

  1. Linux基础优化方法(三)———字符集编码设置优化
  2. 用JAVAMAIL发送邮件的一个简单例子
  3. flash activex java_Adobe flash player ActiveX和NPAPI和PPAPI 这三个软件有什么区别?
  4. linux mysql 单机主从_MariaDB单机双实例主从复制
  5. php父类继承子类_php有多态吗 多态都有什么好处?理解好多态往往能事半功倍...
  6. java url 处理,URL处理-Java架构师必看
  7. linux 编译报错 not a directory,Linux常见英文报错中文翻译
  8. java改写模式_Java基于状态模式实现的文档编辑模式切换功能实例
  9. flash大作业一分钟源文件_初中生写作业慢的7个原因及对策
  10. input date保存值_涛哥文集(36):R keras保存和还原模型