当前位置: 首页 > news >正文

ztree连接数据库,实现下拉菜单

    $(document).ready(function(){
        var treeObj = $("#treeDemo");
        $.fn.zTree.init(treeObj, setting, zNodes);
        department_select();//页面加载完成执行方法
    });
            /*ztree实现下拉菜单*/
    var setting = {
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: 0
            }
        }
    };
            /*通过查询area确定区域,根据区域id确定下面的部门*/
            /*将数据库里面的部门信息查询出来,循环显示出来*/
    /*获取区域id和区域名称*/
    var arr_areaid = Array();
    var arr_areaname = Array();
    var url="{:U('area/select_area')}";//ajax传值路径
    $.ajax({
        type:'post',
        data:"",
        url:url,
        async:false,//设置ajax同步和 异步,如果想在ajax外面用数据,需要将其设置为同步,运行完成之后才能用数据
        dataType:"json",
        success: function (data) { 
            for(var i = 0;i < data.length;i++){
                arr_areaid[i] = data[i].areaid;
                arr_areaname[i] = data[i].areaname;
            }
        }
    });
//    console.log("!!!"+arr_areaid);//区域id
//    console.log("!!!"+arr_areaname);//区域名称
    /*获取部门名称以及所属于的区域id*/
    var arr_departmentname = Array();
    var arr_department_areaid = Array();
    var url="{:U('department/select_department')}";//ajax传值路径
    $.ajax({
        type:'post',
        data:"",
        url:url,
        async:false,
        dataType:"json",
        success: function (data) { 
            for(var i = 0;i < data.length;i++){
                arr_departmentname[i] = data[i].departmentname;
                arr_department_areaid[i] = data[i].areaid
            }
        }
    });
//    console.log(arr_departmentname);
//    console.log(arr_department_areaid);
    var zNodes =[];
    for(var i = 0;i < arr_areaid.length;i++){
        zNodes.push({ id:arr_areaid[i], pId:0, name:arr_areaname[i], open:true,iconClose:"__PUBLIC__img/user/12.png",iconOpen:"__PUBLIC__img/user/13.png"});
        for(var j = 0;j < arr_departmentname.length;j++){
            if(arr_areaid[i] == arr_department_areaid[j]){
                zNodes.push({ id:(""+i+13+j), pId:arr_areaid[i], name:arr_departmentname[j],icon:"__PUBLIC__img/user/14.png"}) ;
            }    
        }
    }

 

转载于:https://www.cnblogs.com/loveMis/p/8876447.html

相关文章:

  • c++之enum的好处与 define 的区别
  • 利用itext导出PDF的小例子
  • Linux 防火墙开放特定端口 (iptables)
  • kafka知识体系-kafka数据可靠性和一致性保证
  • 结对编程收获
  • Ojective-C学习笔记(4)关于面向对象编程
  • I函数
  • 猫狗大战
  • 洛谷 2055 BZOJ 1433 [ZJOI2009]假期的宿舍
  • UVA 10891 Game of Sum(区间DP(记忆化搜索))
  • Python学习4,字符串
  • BZOJ 3097: Hash Killer I
  • [转组第一天] | 调研XSS攻击
  • 2018年最新搜索引擎转跳JavaScript代码(竞价广告专用)
  • Java多线程实现的三种方式
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • eclipse(luna)创建web工程
  • Iterator 和 for...of 循环
  • JAVA SE 6 GC调优笔记
  • jdbc就是这么简单
  • JSONP原理
  • Mybatis初体验
  • Mysql数据库的条件查询语句
  • PHP 使用 Swoole - TaskWorker 实现异步操作 Mysql
  • React的组件模式
  • tweak 支持第三方库
  • underscore源码剖析之整体架构
  • 从0到1:PostCSS 插件开发最佳实践
  • 高性能JavaScript阅读简记(三)
  • 给github项目添加CI badge
  • 基于Volley网络库实现加载多种网络图片(包括GIF动态图片、圆形图片、普通图片)...
  • 解决jsp引用其他项目时出现的 cannot be resolved to a type错误
  • 开源地图数据可视化库——mapnik
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 盘点那些不知名却常用的 Git 操作
  • 手写双向链表LinkedList的几个常用功能
  • 跳前端坑前,先看看这个!!
  • 微信小程序填坑清单
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • #{}和${}的区别?
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (3)nginx 配置(nginx.conf)
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (转)Linq学习笔记
  • .NET企业级应用架构设计系列之结尾篇
  • .Net中的设计模式——Factory Method模式
  • @Conditional注解详解
  • @Not - Empty-Null-Blank
  • [2016.7.test1] T2 偷天换日 [codevs 1163 访问艺术馆(类似)]
  • [2019.3.5]BZOJ1934 [Shoi2007]Vote 善意的投票
  • [BZOJ 3680]吊打XXX(模拟退火)
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!
  • [CLR via C#]11. 事件