1. //群组树结构
    $(function () {
    var params= { "companyId":cmpId };
    var loadUrl="/apiv2/classify/createBuildClassifyTree";
    console.log(params);
    $.ajaxSend(loadUrl,params,sessionId,cmpId).done(function(data){
    console.log(JSON.stringify(data));
    if (data.code=="00000000"){
    $('.noData').hide();
    var data1=data.payload.results.dataLists;
    /*递归实现获取无级树数据并生成DOM结构*/
    var str = "";
    var forTree = function(o){
    for(var i=0;i<o.length;i++){
    var urlstr = "";
    try{
    if(typeof o[i]["subClassify"] == "undefined"){
    urlstr = "<div><span>"+ o[i]["name"] +"</span><ul style='background: none'>";
    }else{
    urlstr = '<div><span><i class='+ o[i]["subClassify"] +'>'+ o[i]['name'] +'</i></span><ul style="background: none">';
    }
    str += urlstr;
    if(o[i]["subClassify"] != null){
    forTree(o[i]["subClassify"]);
    }
    str += "</ul></div>";
    }catch(e){}
    }
    return str;
    };
    /*添加无级树*/
    document.getElementById("menuTree").innerHTML = forTree(data1);
    /*树形菜单*/
    var menuTree = function(){
    //给有子对象的元素加[+-]
    $("#menuTree ul").each(function(index, element) {
    var ulContent = $(element).html();
    var spanContent = $(element).siblings("span").html();
    if(ulContent){
    $(element).siblings("span").html("<img src='../../../media/images/show_tree.png' style='vertical-align: middle'/> " + spanContent)
    }
    });
    $("#menuTree").find("div span").click(function(){
    var ul = $(this).siblings("ul");
    var spanStr = $(this).html();
    var spanContent = spanStr.substr(78,spanStr.length);
    if(ul.find("div").html() != null){
    if(ul.css("display") == "none"){
    ul.show(300);
    $(this).html("<img src='../../../media/images/show_tree.png' style='vertical-align: middle'/> " + spanContent);
    }else{
    ul.hide(300);
    $(this).html("<img src='../../../media/images/hide_tree.png' style='vertical-align: middle'/> " + spanContent);
    }
    }
    })
    }()
    }else {
    // layer.msg("加载失败,请重试!",{
    // time:2000
    // });
    //$('.noData').show();
    }
    });
    });

jq无限极树结构的更多相关文章

  1. 根据树父子ID拼接无限极树结构表的名称

    declare @c varchar(50)set @c='572a3d51-ef7a-459e-a5cd-ebf0fca51e8b' --能查出来呀 你试试,我试一下,好像可以啦谢谢 declare ...

  2. WPF—TreeView无限极绑定集合形成树结构

    1.如图所示:绑定树效果图 2.前台Xaml代码: <Window x:Class="WpfTest.MainWindow" xmlns="http://schem ...

  3. [No0000D1]WPF—TreeView无限极绑定集合形成树结构

    1.如图所示:绑定树效果图 2.前台Xaml代码: <Window x:Class="WpfTest.MainWindow" xmlns="http://schem ...

  4. php无限极分类以及递归(thinkphp)

    php无限极分类: 无限极分类重点在于表的设计: 1在model中: class CatModel extends Model{ protected $cat = array(); public fu ...

  5. js实现无限极分类

    转载注明出处!!! 转载注明出处!!! 转载注明出处!!! 因为要实现部门通讯录,后台传来的数据是直接从数据库里拿的部门表,所以没有层级分类,只有parentId表示从属关系,所以分类的事情就交给我来 ...

  6. C#无限极分类树-创建-排序-读取 用Asp.Net Core+EF实现之方法二:加入缓存机制

    在上一篇文章中我用递归方法实现了管理菜单,在上一节我也提到要考虑用缓存,也算是学习一下.Net Core的缓存机制. 关于.Net Core的缓存,官方有三种实现: 1.In Memory Cachi ...

  7. PHP无限极分类

      当你学习php无限极分类的时候,大家都觉得一个字“难”我也觉得很难,所以,现在都还在看,因为工作要用到,所以,就必须得研究研究. 到网上一搜php无限极分类,很多,但好多都是一个,并且,写的很乱, ...

  8. PHP无限极分类,多种方法|很简单,这里说的很详细,其它地方说的很不好懂

    当你学习php无限极分类的时候,大家都觉得一个字"难"我也觉得很难,所以,现在都还在看,因为工作要用到,所以,就必须得研究研究.   到网上一搜php无限极分类,很多,但好多都是一 ...

  9. php 无限极

      1,递归 public function getInfo(){ $data=$this->select(); $arr=$this->noLimit($data,$f_id=0,$le ...

随机推荐

  1. ubuntu下如何使得普通用户能够启动wireshark?

    一. 将dumpcap的用户组更改为wireshark sudo chgrp wireshark /usr/bin/dumpcap 二. 设置其他用户也具有与root一样的权限来执行dumpcap s ...

  2. 图片加载框架之fresco

    FaceBook推出的图片处理框架主页: https://github.com/facebook/fresco中文文档:http://fresco-cn.org/docs/index.html 功能 ...

  3. JMeter4.0分布式调度压测部署

    我们在Loadrunner学过使用Load Generator做肉鸡, 通过Controller来进行脚本和权重的分配来进行分布式压测, Jmeter作为当今的网红性能测试工具,这个功能必须是少不了的 ...

  4. mongod 对指定数据库创建用户

    https://blog.51cto.com/wzlinux/2153062?source=dra 1.先在admin库中创建管理员用户与密码 [root@mbasic ~]# mongo Mongo ...

  5. FICO相关号码范围IMG设定

    一.定义会计文件号码范围——FBN1 二.定义总账检视的文件号码范围——FAGL_DOCNR 三.指派客户科目群组的号码范围 四.定义供应商号码范围——XKN1  五.维护订单号码范围——KONK

  6. split切割.号的字符串

    excel中的日期为下图所示,利用io读取到后,调试发现值为“12.10.2019”,需要将其转换为“2019-10-12” 用split方法以.号切割时,需要用转移字符“\\.”,代码如下 pack ...

  7. SQLServer 断开数据库连接

    数据库名:test1 1. 查询数据库当前连接 select * from master.sys.sysprocesses where dbid = db_id('test1') 2. 断开指定连接 ...

  8. Golang中用interface{}接收任何参数与强转

    函数的传值中,interface{}是可以传任意参数的,就像java的object那样.下面上我第一次想当然写的 ** 错误 **代码 package main func main() { Any(2 ...

  9. 深入源码分析Spring中的构造器注入

    # 1. 示例 构造器注入类,分别有三个构造器,一个是无参构造器,一个是注入一个Bean的构造器,一个是注入两个Bean的构造器: public class ConstructorAutowiredT ...

  10. spring @valid 注解

    用于验证注解是否符合要求,直接加在变量之前,在变量中添加验证信息的要求,当不符合要求时就会在方法中返回message 的错误提示信息. @PostMapping public User create ...