layui-tree使用ajax加载数据

原创 2018年02月02日 14:57:12

如题,这个问题困扰了我很久。总是出现各种问题

问题一:

你后台返回的数据中不能多出一些奇怪的数据,即便你该有的东西都有了(一开始我以为只要该有的参数不少就可以,现在看来不是)

问题二:

因为使用ajax求的数据,所以你可能会这么写

layui.tree({
   elem : '#demo',
   nodes :getTree()
});

function getTree(){//ajax请求、、、、、}

我也是,但是不行,我也不知道为啥,明明没错的啊疑问,求告知

所以这么写

function getTree(){

$.ajax({

。。。

success:function(data){

layui.tree({   elem : '#demo' , nodes :data });

}});}

问题三:

你返回的数据是‘’对的‘’,但是就是不行。你甚至用alert将success:function(data){}中的data弹出来,然后复制,粘贴到 nodes:后面都能显示出正确的结果。但是就是不行。我给你说,十有八九是问题一的错,或者是你的“”的问题。我测试了很多遍。

“”是什么意思那。就是说你nodes:后面的值必须是{“”,“”}这样的,key和value必须有“”。官网给出的例子里面的key是没有“”,我就是被这个给误导的。

我在练习tree时就遇到这几个问题,尤其是问题二,真的是不理解为啥不对





layui-tree实现Ajax异步请求后动态添加html元素

    最近在弄一个产品分类管理,是一个树形菜单的形式,用的是layui-tree ,由于它并没有动态添加节点,所以只能自己刚了。                                   ...
  • u013397924
  • u013397924
  • 2017-03-29 10:13:51
  • 12304

layui自定义ajax左侧三级菜单

HTML代码: 需引入layui.css代码 ...
  • zy1281539626
  • zy1281539626
  • 2017-03-20 10:49:45
  • 10254

Chromium网页Layer Tree创建过程分析

在Chromium中,WebKit会创建一个Graphics Layer Tree描述网页。Graphics Layer Tree是和网页渲染相关的一个Tree。网页渲染最终由Chromium的CC模...
  • Luoshengyang
  • Luoshengyang
  • 2016-03-28 01:02:05
  • 11642

layui树形结构

最近接触Layui框架,感觉还不错,就总结一下在使用layui的树形结构的使用。        在官网上查看时发现关于layui的使用都是静态添加的代码,如果我想动态添加树形节点时遇到了很大的问题,...
  • romanstatic
  • romanstatic
  • 2017-12-13 10:22:09
  • 450

使用layui实现树形结构

树形结构在项目中使用是比较,下面我来介绍一种layui做树形结构的方法树形结构需要获得的数据有父id,所以数据库需要有父id:后台代码:    @RequestMapping(value = &quo...
  • qq_40393093
  • qq_40393093
  • 2018-03-08 14:26:42
  • 219

layui源码详细分析之树形菜单

前言今天分析的是layui框架内置模块tree.js,该模块的功能是构建树形菜单,具体的形式(layui官网该模块的具体形式)如下: 自实现树形菜单使用html+css+js实现了树形菜单,具体的实...
  • s1879046
  • s1879046
  • 2017-08-10 19:28:10
  • 4524

layer弹出框,zTree树插件,树形图

先看效果图 页面部分:zNodes = ''; var index = ''; var index2 = ''; function for_department() { ...
  • ljh243581579
  • ljh243581579
  • 2017-12-06 13:06:22
  • 2179

[layui - xtree]基于layui form模块制作的一款带复选框的tree结构树

2018年1月11日升级Layui - Xtree 3.0此版本包含了前两个版本所有的功能,同时修复了一些问题,增加了一些功能,之前的版本可以直接抛弃啦!本次升级改动较多,参数也有所更改,尽量别直接覆...
  • xianglikai1
  • xianglikai1
  • 2017-10-16 10:26:57
  • 4619

layui学习

引用layui中个各个模块功能的使用:layui.use 对应模板引用的关键字:表单(form),弹窗(layer),即使通讯 (layim),时间控件(laydate),分页(laypage),模板...
  • strutce
  • strutce
  • 2016-12-23 10:52:03
  • 4929
收藏助手
不良信息举报
您举报文章:layui-tree使用ajax加载数据
举报原因:
原因补充:

(最多只允许输入30个字)