博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ztree使用
阅读量:4704 次
发布时间:2019-06-10

本文共 1308 字,大约阅读时间需要 4 分钟。

页面引入:

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css">
<script type="text/javascript" src="zTree_v3-master/js/jquery.ztree.all.min.js"></script>
</head>
<body>
<div id="left" style="width:15%; height: 560px;">
    <ul id="content" class="ztree" style="width:100%; height: 560px;"></ul>
</div>
</body>
</html>
传入js
var url = '.php';//php数据库页
$(function(){
    initZtree();//初始化树结构
});
function initZtree(){
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        },
        callback:{
            onClick:zTreeOnClick
        }
    };
    
    $.ajax({
        url:url,
        data:{},
        type:'post',
        dataType:'json',
        success:function(data){
            var arr = eval(data);
            var zNodes = [];
            for(var i in arr){
                zNodes.push({
                    id:arr[i][0],
                    name:arr[i][1],
                    pId:arr[i][2]
                })
            }
            
            $.fn.zTree.init($("#content"), setting, zNodes);
        }
    });
}
function zTreeOnClick(event, treeId, treeNode) {
    $.ajax({
        url:url,
        data:{type:'getUsers',id:treeNode.id},
        type:'post',
        dataType:'json',
    });
};
php数据库操作
<?php
$db = new MySQLi('localhost','root','root','z_1031');
!mysqli_connect_error() or die('连接失败');
$db->query('set names utf8');
$type = "";
//sql语句操作表
$sql = "select id,name,pid from u_depart";
$res = $db->query($sql);
$arr = $res->fetch_all();
echo json_encode($arr);

转载于:https://www.cnblogs.com/wjwap/p/10296687.html

你可能感兴趣的文章
22.Generate Parentheses (String; Back-Track)
查看>>
消息测试
查看>>
结对变成项目总结
查看>>
springboot(四):thymeleaf使用详解
查看>>
1行代码,删除svn文件夹
查看>>
UE 使用技巧
查看>>
DataStage系列教程 (Pivot_Enterprise 行列转换)
查看>>
mysql常用操作
查看>>
【算法问题】0-1背包问题
查看>>
php 后台接受POST值
查看>>
七夕情人节表白-纯JS实现3D心形+图片旋转
查看>>
4-Python3 基础语法
查看>>
ES6对象
查看>>
去蓝港在线面试Unity3D的笔试题。难吗?知道答案的在评论里写出来分享
查看>>
mysql和mysqli的区别
查看>>
请帮忙用android的XmlPullParser解析xml中的节点
查看>>
对以内部 git 仓库为 composer 依赖的 package,加上版本号
查看>>
新生力量之我见
查看>>
一致性hash算法实现
查看>>
简化日常工作系列之一 ---- 自动新建每日记录
查看>>