TP5轻松做出多级折叠菜单及栏目列表

浏览:4632 发布日期:2016年12月11日分类:ThinkPHP5专区关键字: 多级折叠菜单栏目列表

关键在于一个叫做 jquery.treetable 的插件

function array2level($array,$bclassid=0,$classid=0,$level=1) {    

  static $list = [];

  foreach($array as $v) { 

    if($v['bclassid'] == $classid) { 

      $v['level'] = $level;

      $list[] = $v;

      array2level($array, $v['bclassid'],$v['classid'], $level + 1);

    } 

  } 

  return $list;

}

{extend name="base" /} {block name="body"}

<link href="/public/treetable/jquery.treetable.css" rel="stylesheet" type="text/css" />

<link href="/public/treetable/jquery.treetable.theme.default.css" rel="stylesheet" type="text/css" />

<div class="layout">

  <!--tab标签-->

  <div>

    <table id="example-basic">

      <thead>

        <tr>

          <th>栏目名称</th>

          <th>ID</th>

        </tr>

      </thead>

      <tbody>

        {foreach name="enewsclass_level_list" item="vo"} {php}echo $vo['bclassid']==0 ? '

        <tr data-tt-id="'.$vo['classid'].'">' : '

          <tr data-tt-id="'.$vo['classid'].'" data-tt-parent-id="'.$vo['bclassid'].'">';{/php}



            <td>{$vo.classname}</td>

            <td>{$vo.classid}</td>

          </tr>

          {/foreach}

      </tbody>

    </table>

  </div>

</div>

<script src="/public/treetable/jquery.treetable.js"></script>

<script>

  $("#example-basic").treetable({

    expandable: true

  });

</script>

{/block}

最佳答案

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

mirze 01-13
基于tp6后台左侧栏菜单管理使用如何实现
jiyiweb 05-08
如何把数组实现树状结构菜单
wcaqrl 05-30
tp5多级控制器找不到
timbrown1119 12-28
application下的包能多个层级吗?
淡若清風 04-30
thinkphp3.2.1的auth权限

收藏

赞

indiboy

积分:5001 等级:LV4

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。