layui的tree如何实现动态加载_layui tree组件如何异步加载数据，动态添加树节点...

$data = [

[ 'id' => 1, 'name' => '江苏省', 'pid' => 0],

[ 'id' => 2, 'name' => '徐州市', 'pid' => 1],

[ 'id' => 3, 'name' => '睢宁县', 'pid' => 2],

[ 'id' => 4, 'name' => '双沟镇', 'pid' => 3],

[ 'id' => 5, 'name' => '王集镇', 'pid' => 3],

[ 'id' => 6, 'name' => '铜山区', 'pid' => 2],

[ 'id' => 7, 'name' => '张集镇', 'pid' => 6],

[ 'id' => 8, 'name' => '大黄山镇', 'pid' => 6],

[ 'id' => 9, 'name' => '南京市', 'pid' => 1],

[ 'id' => 10, 'name' => '江宁区', 'pid' => 9],

[ 'id' => 11, 'name' => '鼓楼区', 'pid' => 9],

[ 'id' => 12, 'name' => '浙江省', 'pid' => 0],

[ 'id' => 13, 'name' => '杭州市', 'pid' => 12],

[ 'id' => 14, 'name' => '西湖区', 'pid' => 13]

];

$res = [];

$tree = [];

//整理数组

foreach ($data as $key => $value) {

$res[$value['id']] = $value;

$res[$value['id']]['children'] = [];

}

unset ($data);

//查询子孙

foreach ($res as $key => $value) {

if($value['pid'] != 0){

$res[$value['pid']]['children'][] = &$res[$key];

}

//去除杂质

foreach ($res as $key => $value) {

if ($value['pid'] == 0){

$tree[] = $value;

}

unset($res);

$tree = json_encode($tree);？>

树模块 - layui

body{padding: 50px 100px;}

layui.use('tree', function(){

var tree = layui.tree({

elem: '#demo' //指定元素

//,check: 'checkbox' //勾选风格

,skin: 'as' //设定皮肤

,target: '_blank' //是否新选项卡打开(比如节点返回href才有效)

,drag: true

,click: function(item){ //点击节点回调

console.log(item)

}

,nodes: <?php echo $tree; ?>

});

layui的tree如何实现动态加载_layui tree组件如何异步加载数据，动态添加树节点...相关推荐

react实现异步插件_React-loadable实现组件进行异步加载
React 项目打包时,如果不进行异步组件的处理,那么所有页面所需要的 js 都在同一文件中(bundle.js),整个js文件很大,从而导致首屏加载时间过长.所有,可以对组件进行异步加载处理,可以使 ...
android 实现异步加载图片,Android中ImageView异步加载图片类
本源码是从网络找到经修改以方便直接调用感觉用着还可以首先在项目中添加一个专门加载图片的类AsyncImageLoaderpackage com.demo.core; import java.io.I ...
div加载异步加载html,初始化页面，异步加载组件的问题
需求是这样的:希望第一次加载页面时候把红色箭头部分的组件require.ensure加载. 红色部分的代码(未改动之前): render:function(){ return( //这里就是需要异步 ...
layui的tree如何实现动态加载_layui tree动态加载利用CAReplicatorLayer实现的加载动画 - 电脑常识 - 服务器之家...
layui tree动态加载利用CAReplicatorLayer实现的加载动画发布时间:2017-04-12 来源:服务器之家在上一篇中,笔者简要介绍了CAReplicatorLayer,在本 ...
网页性能优化之异步加载js文件
一个网页的有很多地方可以进行性能优化,比较常见的一种方式就是异步加载js脚本文件.在谈异步加载之前,先来看看浏览器加载js文件的原理. 浏览器加载 JavaScript 脚本,主要通过<scri ...
Unity3D研究院之异步加载游戏场景与异步加载游戏资源进度条（三十一）
异步任务相信大家应该不会陌生,那么本章内容MOMO将带领大家学习Unity中的一些异步任务.在同步加载游戏场景的时候通常会使用方法 Application.LoadLevel("yourSc ...
异步加载和加载进度条
本文固定链接: http://www.xuanyusong.com/archives/1427 异步任务相信大家应该不会陌生,那么本章内容MOMO将带领大家学习Unity中的一些异步任务.在同步加载游 ...
ztree配置async异步加载子节点，展开不触发请求的问题解决记录
普通渲染方式如果是数据量不大,普通加载,按照ztree的数据格式,直接渲染就行 //这是我自己使用的数据格式 var zNodes = [{childs: [{ directory: false, ...
combotree 可以异步加载吗_Unity AssetBundle 资源打包，加载，本地缓存方式，安卓，PC本地加载路径问题...
AssetBundle的定义和作用: 1,AssetBundle是一个压缩包包含模型.贴图.预制体.声音.甚至整个场景,可以在游戏运行的时候被加载. 2,AssetBundle自身保存着互相的依赖关系 ...

layui的tree如何实现动态加载_layui tree组件如何异步加载数据，动态添加树节点...

layui的tree如何实现动态加载_layui tree组件如何异步加载数据，动态添加树节点...相关推荐

最新文章

热门文章