Foxtable(狐表)用户栏目专家坐堂 → 动态目录树


  共有2804人关注过本帖树形打印复制链接

主题:动态目录树

帅哥哟,离线,有人找我吗?
yifan3429
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:九尾狐 帖子:2482 积分:22932 威望:0 精华:0 注册:2011/3/29 17:14:00
动态目录树  发帖心情 Post By:2023/11/16 20:05:00 [只看该作者]

下面的代码如何利用fox的行政表内数据,生成动态目录树并给到前断调用


<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>测试页面</title>
<link rel="stylesheet" href="./../../layui/css/layui.css">
<script src="./../../layui/layui.all.js"></script>
</head>
<body>
<div id="test"></div>
<script>
var $ = layui.$;
var dt = [{
title: '一线城市',
id:1,
spread:true,
checked:true,
children: [{
title: '北京市',
id:'bj',
children: [{
title: '东城区',
id:'dc'
},{
title: '西城区'
},{
title: '朝阳区'
},{
title: '海淀区'
}]},{
title: '上海市',
id:'sh'
},{
title: '广州市'
},{
title: '深圳市'
}]
},{
title: '二线城市',
id:2,
children: [{
title: '南京市'
},{
title: '杭州市'
},{
title: '成都市'
},{
title: '武汉市',
disabled:true
}]
}];
var tr = layui.tree;
tr.render({
elem: '#test',   //绑定的元素对象
data: dt,        //绑定dt变量到data属性
});
</script>
</body>
</html>

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110581 积分:562801 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2023/11/16 20:08:00 [只看该作者]

前端不清楚,layui我没用过。后端应该是可以返回json数据,生成json参考:http://www.foxtable.com/mobilehelp/topics/0167.htm

 回到顶部
帅哥哟,离线,有人找我吗?
yifan3429
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:九尾狐 帖子:2482 积分:22932 威望:0 精华:0 注册:2011/3/29 17:14:00
  发帖心情 Post By:2023/11/16 21:35:00 [只看该作者]

常规的会用
就是目录树多级节点不会了

 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110581 积分:562801 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2023/11/16 21:56:00 [只看该作者]

应该要去看layui的文档,可能有一套处理的方法的

 回到顶部
帅哥哟,离线,有人找我吗?
yifan3429
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:九尾狐 帖子:2482 积分:22932 威望:0 精华:0 注册:2011/3/29 17:14:00
  发帖心情 Post By:2023/11/17 15:14:00 [只看该作者]

就是要和fox互通数据,不知道如何解决

 回到顶部