bootbox 动态生成导航列表

本文介绍了一种使用PHP和JavaScript实现动态树形菜单的方法。通过PHP获取数据并组织成树形结构,然后利用JavaScript将其渲染到页面上。适用于需要展示多级分类数据的应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

php代码

  $Area = new AreaModel();
        $area = $Area->getList();
        foreach ($area as $key => $val) {
            $area[$key]['url'] = U('setting/customer', array('area_id' => $val['id']));
        }
        $area_list = Tree::many($area);

 $this->assign('manyList', json_encode($area_list));


*******************************************************************************************


html代码

<script src="__LIB__/bootbox/bootbox.js" type="text/javascript"></script>

<ul class="tree tree-lines" id="areaTree"></ul>
        <script type="text/javascript">
                        $('#areaTree').tree({
                            data: {$manyList},
                            initialState: 'expand',
                            itemCreator: function ($li, item) {
                                if (item.children.length > 0) {
                                    $li.text(item.name);
                                } else {
                                    $li.append($('<a/>', {href: item.url}).text(item.name));
                                }
                            }
                        });
                    </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值