jq-json数据-无限极-层级

缺乏、安全感 2022-06-02 00:19 202阅读 0赞

样子：  
![这里写图片描述][SouthEast]  
数据：  
后台返回的json数据，  
![这里写图片描述][SouthEast 1]

用法：务必页面加载执行，
     $.getJSON("get_all",function(res){ 
                var apend_id = 20;
                $("#treeMenu").append(showall(res,apend_id));
            })
    
     function showall(res,apend_id) { 
            var str = "";
            var i_arr = [];
            for(var i in res){
                var div = '<div class=" navbar-right">' +
                            '<span style="margin-right: 10px"><i class="icon icon-arrow-up" title="'+res[i].id+'" onclick="orderZA(this)"></i>'+res[i].listorder+'</span>' +
                            '<span style="margin-right: 50px"><i class="icon icon-arrow-down" title="'+res[i].id+'" onclick="orderAZ(this)"></i>'+res[i].listorder+'</span> ' +
                            '<i onclick="addOpen(this)" title="'+res[i].id+'" class="icon icon-plus-sign-alt"></i>' +
                            '<i onclick="editForm(this)" title="'+res[i].id+'" class="icon icon-edit-sign"></i>' +
                            '<i title="'+res[i].id+'" onclick="dele(this)" class="icon icon-trash"></i>' +
                            '</div>';
                var urlstr = "";
                var children_s = res[i].children;
                if(children_s.length !=0){
                    urlstr =  '<li class="has-list"> ' +
                            '<a style="border:1px solid #f1f1f1; padding-left: '+apend_id+'px">' +res[i].name+div+'</a>' +
                            '<ul id="tree-menu-'+res[i].id+'" style="margin: 0px; background: #fff;" >' +showall(children_s,apend_id+20)+
                            '</ul>' +
                            '</li>';
                }else {
                    urlstr =  '<li class="has-list"> ' +
                            '<a style="border:1px solid #f1f1f1; padding-left: '+apend_id+'px" >' +res[i].name+div+'</a>' +
                            '</li>';
                }
    
                str += urlstr;
    
            }
            return str;
        }

[SouthEast]: /images/20220602/50f00300e78445cea9bc7b25f0f9e249.png
[SouthEast 1]: /images/20220602/2407816c84894f41aa9ae2ce76e8c7eb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP无限极分类

PHP实现无限极分类有哪些方式？面试的时候被问到无限极分类的设计和实现，比较常见的做法是在建表的时候，增加一个PID字段用来区别自己所属的分类。递归和引用算法实现

女爷i/ 2023年10月06日 17:03/ 0 赞/ 62 阅读

相关 php无限极分析技术,php无限极分类实现方法分析

本文实例讲述了php无限极分类实现方法。分享给大家供大家参考，具体如下：今天给大家带来的是php的无限极分类技术，本人把无限极分类划分为两种。首先我把数据库表给大家看看

我不是女神ヾ/ 2023年01月17日 08:22/ 0 赞/ 176 阅读

相关无限极分类

1.调用方法 function __construct(){ parent::__construct();

拼搏现实的明天。/ 2022年07月30日 14:22/ 0 赞/ 224 阅读

相关【PHP】重整无限极分类

无限分类，是指从一个最高分类开始，每个子分类都可以分出自己的若干个子分类，可以一直分下去，称为无限级分类；无限极分类数据表设计 ![图示][SouthEast] c

待我称王封你为后i/ 2022年06月14日 07:39/ 0 赞/ 211 阅读

相关 jq-json数据-无限极-层级

样子： ![这里写图片描述][SouthEast] 数据：后台返回的json数据， ![这里写图片描述][SouthEast 1] 用法：务必页面加

缺乏、安全感/ 2022年06月02日 00:19/ 0 赞/ 203 阅读

相关无限层级mysql数据表结构

无限层级mysql数据表结构创建表 -- auto-generated definition create table target_re

柔光的暖阳◎/ 2022年05月14日 14:45/ 0 赞/ 267 阅读

相关 php实现无限极分类

php无限极分类这里首先介绍一下，什么是无限极分类？无限极分类简单点说就是一个类可以分成多个子类，然后一个子类又可以分另外多个子类这样无限分下去，就好象window

深碍√TFBOYSˉ_/ 2022年05月11日 03:54/ 0 赞/ 293 阅读

相关 laravel无限极分类

大概思路就是创建表的时候创建一个他的分类id 这个id则是无限极分类的上级id 在模型里面写的方法就是递归调用然后在控制器调用模型里面的方法返回到控制器大概代

客官°小女子只卖身不卖艺/ 2022年04月17日 00:46/ 0 赞/ 263 阅读

相关生成无限层级树状数据的方法封装

/ treeData 生成树状数据 @param array $items 原数据 @param st

雨点打透心脏的1/2处/ 2022年03月26日 12:26/ 0 赞/ 192 阅读

相关无限极页面被数据卡死了

![ffde4dec6f573cb0df3befb6ba9108af0ee.jpg][] 如上图，最近在开发的时候遇到了了一个很...嗯....的逻辑，在一个tree控件上面

Bertha 。/ 2021年12月11日 05:43/ 0 赞/ 287 阅读