ThinkCMF分类树以及选择树

喜欢ヅ旅行 2023-06-18 14:53 8阅读 0赞

## select选择树 ##

controller:
    
    $category= $categoryModel->adminCategoryTree($parent_id);
    $this->assign('category',$category);
    
    model：
    
    /**
         * 生成分类 select树形结构
         * @param int $selectId   需要选中的分类 id
         * @param int $currentCid 需要隐藏的分类 id
         * @return string
         * @throws \think\db\exception\DataNotFoundException
         * @throws \think\db\exception\ModelNotFoundException
         * @throws \think\exception\DbException
         */
        public function adminCategoryTree($selectId = 0, $currentCid = 0)
        {
            $categories = $this->order("list_order ASC")
                ->where('delete_time', 0)
                ->where(function (Query $query) use ($currentCid) {
                    if (!empty($currentCid)) {
                        $query->where('id', 'neq', $currentCid);
                    }
                })
                ->select()->toArray();
    
            $tree       = new Tree();
            $tree->icon = ['  │', '  ├─', '  └─'];
            $tree->nbsp = '  ';
    
            $newCategories = [];
            foreach ($categories as $item) {
                $item['selected'] = $selectId == $item['id'] ? "selected" : "";
    
                array_push($newCategories, $item);
            }
    
            $tree->init($newCategories);
            $str     = '<option value=\"{$id}\" {$selected}>{$spacer}{$name}</option>';
            $treeStr = $tree->getTree(0, $str);
    
            return $treeStr;
        }
    
    view：
    <select name="post[parent_id]" class="form-control" d="input-parent">
        <option value="0">顶级栏目</option>
         {$category}
     </select>

## 分类树结构 ##

controller:
    $categories = $categoryModel->adminCategoryTableTree();
    $this->assign([
         'categories' => $categories
     ]);
     
    model:
    /**
         * 分类树形结构
         * @param int    $currentIds
         * @param string $tpl
         * @return string
         * @throws \think\db\exception\DataNotFoundException
         * @throws \think\db\exception\ModelNotFoundException
         * @throws \think\exception\DbException
         */
        public function adminCategoryTableTree($currentIds = 0, $tpl = '')
        {
            $categories = $this->order("list_order ASC")->where('delete_time', 0)->select()->toArray();
    
            $tree       = new Tree();
            $tree->icon = ['  │', '  ├─', '  └─'];
            $tree->nbsp = '  ';
    
            if (!is_array($currentIds)) {
                $currentIds = [$currentIds];
            }
    
            $newCategories = [];
            foreach ($categories as $item) {
                $item['parent_id_node'] = ($item['parent_id']) ? ' class="child-of-node-' . $item['parent_id'] . '"' : '';
                $item['style']          = empty($item['parent_id']) ? '' : 'display:none;';
                $item['status_text']    = empty($item['status']) ? '<span class="label label-warning">隐藏</span>' : '<span class="label label-success">显示</span>';
                $item['checked']        = in_array($item['id'], $currentIds) ? "checked" : "";
                $item['url']            = cmf_url('portal/List/index', ['id' => $item['id']]);
                $item['str_action']     = '<a class="btn btn-xs btn-primary" href="' . url("AdminCategory/add", ["parent" => $item['id']]) . '">添加子分类</a>  <a class="btn btn-xs btn-primary" href="' . url("AdminCategory/edit", ["id" => $item['id']]) . '">' . lang('EDIT') . '</a>  <a class="btn btn-xs btn-danger js-ajax-delete" href="' . url("AdminCategory/delete", ["id" => $item['id']]) . '">' . lang('DELETE') . '</a> ';
                if ($item['status']) {
                    $item['str_action'] .= '<a class="btn btn-xs btn-warning js-ajax-dialog-btn" data-msg="您确定隐藏此分类吗" href="' . url('AdminCategory/toggle', ['ids' => $item['id'], 'hide' => 1]) . '">隐藏</a>';
                } else {
                    $item['str_action'] .= '<a class="btn btn-xs btn-success js-ajax-dialog-btn" data-msg="您确定显示此分类吗" href="' . url('AdminCategory/toggle', ['ids' => $item['id'], 'display' => 1]) . '">显示</a>';
                }
                array_push($newCategories, $item);
            }
    
            $tree->init($newCategories);
    
            if (empty($tpl)) {
            	//以下内容根据列表实际字段
                $tpl = " <tr id='node-\$id' \$parent_id_node style='\$style' data-parent_id='\$parent_id' data-id='\$id'>
                            <td style='padding-left:20px;'><input type='checkbox' class='js-check' data-yid='js-check-y' data-xid='js-check-x' name='ids[]' value='\$id' data-parent_id='\$parent_id' data-id='\$id'></td>
                            <td><input name='list_orders[\$id]' type='text' size='3' value='\$list_order' class='input-order'></td>
                            <td>\$id</td>
                            <td>\$spacer <a href='\$url' target='_blank'>\$name</a></td>
                            <td>\$description</td>
                            <td>\$status_text</td>
                            <td>\$str_action</td>
                        </tr>";
            }
            $treeStr = $tree->getTree(0, $tpl);
    
            return $treeStr;
        }
    view:
    
    <table class="table table-hover table-bordered table-list" id="menus-table">
        
        <thead>
        <tr>
            <th width="16" style="padding-left:20px;">
                <label>
                    <input type="checkbox" class="js-check-all" data-direction="x" data-checklist="js-check-x">
                </label>
            </th>
            <th width="50">排序</th>
            ...//根据实际字段
            <th width="80">状态</th>
            <th width="220">操作</th>
        </tr>
        </thead>
        
        
        {$categories}
        
    </table>
    <script>
        $(function () {
            Wind.css('treeTable');
            Wind.use('treeTable', function () {
                $("#menus-table").treeTable({
                    indent: 20,
                    initialState: 'expanded'
                });
            });
        });
    </script>