无限级分类-树形结构

html代码：
(tr里面写当前分类的父级id，点击的按钮里面写当前分类的自增id)

@foreach($info as $key => $value)<tr data-pid="{{$value['parent_id']}}" @if($value['parent_id'] !== 0){{'class=hide'}}@endif><td><a href="Javascript:void(0);"><span data-id="{{$value['classify_id']}}" class="lnr lnr-plus-circle"></span></a></td><td>{{$value['lenal']}}{{$value['classify_name']}}</td><td>{{ $value['classify_status'] === 1 ? '显示' : '不显示' }}</td><td>@steve</td></tr>
@endforeach

js代码：

//展开分类
$(".table").delegate('.lnr-plus-circle', 'click', function () {var classify_id = $(this).data('id'); //获取当前的顶级分类id$('tr[data-pid='+classify_id+']').removeClass('hide');$(this).removeClass('lnr lnr-plus-circle').addClass('lnr lnr-circle-minus'); //改变箭头
});
//隐藏分类
$(".table").delegate('.lnr-circle-minus', 'click', function () {var classify_id = $(this).data('id'); //获取当前的顶级分类id$(this).removeClass('lnr lnr-circle-minus').addClass('lnr lnr-plus-circle'); //改变箭头closeTag(classify_id);
});//修改多级节点的箭头方向
function closeTag(classify_id){//查询所有pid=当前分类id的分类var obj = $('tr[data-pid='+classify_id+']');//循环查询到的所有子集分类for(var i=0; i<obj.length; i++){//隐藏子集分类obj.eq(i).addClass('hide');//改变箭头方向obj.eq(i).find(".lnr-circle-minus").removeClass('lnr-circle-minus').addClass('lnr-plus-circle');//获取当前子集分类的idvar child_id = obj.eq(i).find(".lnr-plus-circle").data('id');var child = $('tr[data-pid='+child_id+']');//判断如果子集存在if(child.length > 0){closeTag(child_id);}}
}

后台递归：

/*** 递归展示分类*/
public function getTypeList($data,$pid=0,$lenal=''){static $arr = array();foreach ($data as $key => $value){if ($value['parent_id'] == $pid) {$value['lenal'] = $lenal;$arr[] = $value;$this—>getTypeList($data,$value['classify_id'],$lenal.'------');}}return $arr;
}

无限级分类-树形结构相关推荐

使用hibernate实现树形结构无限级分类
转自 http://together.javaeye.com/blog/29482?page=2 在系统中,经常会用到无限级的树形结构分类,如组织机构管理.商品/地区分类等等.在以前的一个贴子:htt ...
多叉树结合JavaScript树形组件实现无限级树形结构（一种构建多级有序树形结构JSON（或XML）数据源的方法）
一.问题研究的背景和意义在Web应用程序开发领域,基于Ajax技术的JavaScript树形组件已经被广泛使用,它用来在Html页面上展现具有层次结构的数据项.目前市场上常见的JavaScript框 ...
java递归查询无限极分类_sqlserver实现树形结构递归查询(无限极分类)的方法
SQL Server 2005开始,我们可以直接通过CTE来支持递归查询,CTE即公用表表达式百度百科公用表表达式(CTE),是一个在查询中定义的临时命名结果集将在from子句中使用它.每个CTE ...
python 树状图代码_Python 无限级分类树状结构生成算法「实用代码」
def generate_tree(source, parent): tree = [] for item in source: if item["parent"] == pare ...
mysql树形结构无限分类_使用 authenticationDatabase 参数连接 aliyun 上的 MongoDB - SegmentFault 思否...
在一些系统中,对内容进行分类是必需的功能.比如电商就需要对商品做分类处理,以便于客户搜索:论坛也会分为很多板块:门户网站.也得对网站的内容做各种分类. 分类对于一个内容展示系统来说是不可缺少的,本博客 ...
.net简单算法实现无限级分类（一）
在项目中我们往往需要实现无限级分类,而网上的.NET的例子不是很多,asp的倒是不少,这个算法是我根据网上的asp的例子在结合.net中的TREEVIEW控件来实现多级甚至无限级分类. 对于 ...
迭代与递归实现无限级分类
无限级分类是开发中常见的情况了,在这里我收藏了下并整理了下常见的无限极分类算法总结归纳. <?php $arr = [1=>['id'=>1,'name'=>'家居','fat ...
php如何对 mysql 中text类型拆分存入一个数组_PHP递归实现无限级分类，可选返回字符串和数组...
正文: 在一些复杂的系统中,要求对信息栏目进行无限级的分类,以增强系统的灵活性.那么PHP是如何实现无限级分类的呢?我们在本文中使用递归算法并结合mysql数据表实现无限级分类. 递归,简单的说就是 ...
vue一级分类和耳机分类_vue 无限级分类导航
递归组件,实现无限级分类导航 https://cn.vuejs.org/v2/guide/components-edge-cases.html#%E9%80%92%E5%BD%92%E7%BB%84% ...

无限级分类-树形结构

无限级分类-树形结构相关推荐

最新文章

热门文章