开发者社区 问答 正文

无限级分类问题

0 =>
screenshot
1 =>
screenshot
我有如上的一个数组,其中parent_id代表该节点的父节点。我现在打算生成一棵树。我接到前端的html如下:

 <div class="tree_title">
        <img src="images/px_02.png" class="icon_btn"/>
        <label class="title">Test</label>
        <input type="checkbox" class="view">
        <input type="checkbox" class="manage">
    </div>

    <ul class="space">
        <li>
            <div class="tree_title">
                <img src="images/px_02.png" class="icon_btn"/>
                <label class="title">Test2</label>
                <input type="checkbox" class="view">
                <input type="checkbox" class="manage">
            </div>
        </li>
        <li>
            <div class="tree_title">
                <img src="images/px_02.png" class="icon_btn"/>
                <lavel class="title">Test3</lavel>
                <input type="checkbox" class="view">
                <input type="checkbox" class="manage">
            </div>
            <ul class="space">
                <li>
                    <div class="tree_title">
                        <img src="images/px_02.png" class="icon_btn"/>
                        <label class="title">Test4</label>
                        <input type="checkbox" class="view">
                        <input type="checkbox" class="manage">
                    </div>
                </li>
            </ul>
        </li>
    </ul>

展开
收起
蛮大人123 2016-03-09 17:43:10 2151 分享 版权
1 条回答
写回答
取消 提交回答
  • 我说我不帅他们就打我,还说我虚伪

    首先,你需要一个树的数据结构来按照一定的结构来组织你的数据,这个树当中的每个节点用如下的TreeNode来表示,然后递归的遍历你的数据,在遍历的过程中动态的生成这个由TreeNode组成的树。并返回到前台。在前台再遍历一下,就能组成你要的效果了

    public class TreeNode {
        'id' => string '1' (length=1)
      'name' => string 'Test' (length=13)
      'parent_id' => string '0' (length=1)
      'path' => string '0,' (length=2)
      'order' => string '100' (length=3)
      'from' => string '0' (length=1)
      'qyid' => null
      'lng' => string '103.86182' (length=9)
      'lat' => string '36.053103' (length=9)
      'level' => null
      'desc' => null
      'level_code' => null
    
        public List<TreeNode> nodes;
    }
    2019-07-17 18:56:26
    赞同 展开评论
问答分类:
问答地址: