| 以文本方式查看主题 - Foxtable(狐表) (http://foxtable.net/bbs/index.asp) -- 专家坐堂 (http://foxtable.net/bbs/list.asp?boardid=2) ---- 动态目录树 (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=189212) |
| -- 作者：yifan3429 -- 发布时间：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>
|
| -- 作者：有点蓝 -- 发布时间：2023/11/16 20:08:00 -- 前端不清楚，layui我没用过。后端应该是可以返回json数据，生成json参考：http://www.foxtable.com/mobilehelp/topics/0167.htm |
| -- 作者：yifan3429 -- 发布时间：2023/11/16 21:35:00 -- 常规的会用 就是目录树多级节点不会了
|
| -- 作者：有点蓝 -- 发布时间：2023/11/16 21:56:00 -- 应该要去看layui的文档，可能有一套处理的方法的 |
| -- 作者：yifan3429 -- 发布时间：2023/11/17 15:14:00 -- 就是要和fox互通数据，不知道如何解决 |