使用layui 的treeTable插件无法加载ajax的数据解决办法

https://gitee.com/whvse/treetable-lay下载了源码之后,按照demo的测试,在本地完整运行。

注意:在本地运行demo需要更改两个参数

layui.config({
    base: '/static/plugins/treeGrid/module/'  #这个路径必须要是module相对路径
})


/ 渲染表格
var renderTable = function () {
    layer.load(2);
    treetable.render({
    url: '/static/plugins/treeGrid/json/data.json', # 这里可以配置静态数据路径,也可以配置获取数据的url
    # 注意,这里使用method方法无效,默认使用get请求方法
    });

};

我使用ajax请求数据,返回的数据格式为:

[
    {'id': 22, 'parent':None , 'name': '注册公司'},    {'id': 22, 'parent': 22, 'name': '公司注册'},]

注意:使用treetable插件,数据格式最好为:

[
    {
    	'msg': 'ok',    	'code': 0,    	'count': 14,    	'data': [{
    		'id': 22,    		'parent': None,    		'name': '注册公司'
    	}, {
    		'id': 22,    		'parent': 22,    		'name': '公司注册'
    	}, 
]

解决办法:

更改后端的数据格式,目前treetable有一个小bug,根节目录不能为空。

[
{'id': 22, 'parent':-1,{'id': 22,]


相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...