zoukankan      html  css  js  c++  java
  • 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"}) ;
                }    
            }
        }
  • 相关阅读:
    JS高级——eval
    JS高级——Object.prototype成员
    JS高级——原型链
    JS高级——逻辑中断
    移动web——bootstrap媒体对象
    移动web——bootstrap如何修改原组件
    移动web——bootstrap响应式轮播图
    Leetcode题解
    位运算实现四则运算(C++实现)
    扫码登陆原理
  • 原文地址:https://www.cnblogs.com/loveMis/p/8876447.html
Copyright © 2011-2022 走看看