jucai/resources/views/admin/category/district.blade.php

<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <div class="btn-group">
                        <a class="btn btn-warning btn-sm tree-5bcd6e4b173fd-refresh" title="刷新"><i class="fa fa-refresh"></i><span class="hidden-xs">&nbsp;刷新</span></a>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">
                    <div class="dd" id="tree-5bcd6e4b173fd">
                        <ol class="dd-list">
                            <li class="dd-item">{{--<button data-action="collapse" type="button">Collapse</button>--}}
                                @foreach($content as $key => $val)
                                    <button class="cate_add" ls="{{ $val->id }}" data-action="expand" type="button" style="display: block;">Expand</button>
                                    <div class="dd-handle">
                                        <span class="category_add" ls="{{ $val->id }}" style="cursor:pointer">{{ $val->id }} - {{ $val->name }} - {{ $val->spell }}</span>
                                    </div>
                                @endforeach

                                <ol class="dd-list category_two" style="display: none;">
                                    <li class="dd-item" data-id="35">{{--<button data-action="collapse" type="button">Collapse</button>--}}

                                        <div class="category_two_list">

                                        </div>
                                        {{--<button data-action="expand" type="button" style="display: none;">Expand</button>
                                        <div class="dd-handle">
                                            <span id="add">35 - 北京市 - beijingshi</span>
                                            <span class="pull-right dd-nodrag">
            <a href="/admin/sys/category/district/35/edit"><i class="fa fa-edit"></i></a>
            <a href="javascript:void(0);" data-id="35" class="tree_branch_delete"><i class="fa fa-trash"></i></a>
        </span>
                                        </div>--}}
                                       {{-- <ol class="dd-list">
                                            <li class="dd-item" data-id="401">
                                                <div class="dd-handle">
                                                    <span id="add">401 - 东城区 - dongchengqu</span>
                                                    <span class="pull-right dd-nodrag">
            <a href="{{admin_base_path()}}/sys/category/district/401/edit"><i class="fa fa-edit"></i></a>
            <a href="javascript:void(0);" data-id="401" class="tree_branch_delete"><i class="fa fa-trash"></i></a>
        </span>
                                                </div>
                                            </li>
                                        </ol>--}}
                                    </li>
                                </ol>
                            </li>
                        </ol>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
</section>

<script>
    $(function () {
        $(".cate_add,.category_add").click(function () {
           var id = $(this).attr('ls');
            $.ajax({
                type: "post",
                url: "{{admin_base_path()}}/sys/district/ajax",
                data: {
                    id:id,
                    _token:LA.token,
                },
                dataType: "json",
                success: function(result){
                    var html = '';
                    for(var i=0;i<result.length;i++){
                        var id = result[i].id;
                        var name = result[i].name;
                        var spell = result[i].spell;
                        html+='<button class="cate_add" data-action="expand" type="button" style="display: block;">Expand</button><div class="dd-handle"><span class="category_add" ls="'+id+'">'+id+' - '+name+' - '+spell+'</span></div>';
                    }
                    $(".category_two_list").html(html);
                    $(".category_two").show();

                }
            });
        })
    })
</script>