bootstrap的treeview组件

1.引入文件
<link href="bootstrap-treeview-1.2.0/css/bootstrap-treeview.min.css" title="" rel="stylesheet"/>
<script src="bootstrap-treeview-1.2.0/js/bootstrap-treeview.min.js" type="text/javascript"></script>

2.创建标签

<div id="tree"></div>

3.创建js

function getTree() {
        $.ajax({
            type: "post",
            url: "/common/getTreeNodes",
            dataType: "json",
            success: function (data) {
                var tree = [
                    {
                        text: "总行",
                        id: "00000000",
                        href: "#node-1",
                        selectable: true,
                        state: {
                            checked: true,
                            expanded: true,
                            selected: true
                        },
                        nodes: data
                    }
                ];

                $('#tree').treeview(
                    {
                        data: tree,
                        levels: 2,
                        backColor: '#FFF',
                        onNodeSelected: function (event, data) {
                            // Your logic goes here
                            console.log(data.id);
                        },
                    }
                );
            }
        });
    }

    getTree();
4.创建类

public class TreeNodesDTO implements Serializable {

    private String id;
    private String text;
    private String upper;
    private Integer grade;
    private List<TreeNodesDTO> nodes;

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public String getUpper() {
        return upper;
    }

    public void setUpper(String upper) {
        this.upper = upper;
    }

    public Integer getGrade() {
        return grade;
    }

    public void setGrade(Integer grade) {
        this.grade = grade;
    }

    public List<TreeNodesDTO> getNodes() {
        return nodes;
    }

    public void setNodes(List<TreeNodesDTO> nodes) {
        this.nodes = nodes;
    }

}

5.创建获取json对象的方法

@Controller
@RequestMapping("/common")
public class TreeNodesController {

    @Autowired
    private TreeNodesMapper treeNodesMapper;

    @RequestMapping("/getTreeNodes")
    @ResponseBody
    private Object getTreeNodes() {
        List<TreeNodesDTO> treeNodesDTO2 = new ArrayList<TreeNodesDTO>();
        List<TreeNodesDTO> treeNodesDTO3 = new ArrayList<TreeNodesDTO>();
        List<TreeNodesDTO> treeNodesDTO4 = new ArrayList<TreeNodesDTO>();
        List<TreeNodesDTO> treeNodesDTO5 = new ArrayList<TreeNodesDTO>();

        List<TreeNodesDTO> treeNodesDTO = treeNodesMapper.selectAll();
        for (TreeNodesDTO nodesDTO : treeNodesDTO) {
            switch (nodesDTO.getGrade()) {
                case 2:
                    treeNodesDTO2.add(nodesDTO);
                    break;
                case 3:
                    treeNodesDTO3.add(nodesDTO);
                    break;
                case 4:
                    treeNodesDTO4.add(nodesDTO);
                    break;
                case 5:
                    treeNodesDTO5.add(nodesDTO);
                    break;
            }
        }

        for (TreeNodesDTO nodesDTO : treeNodesDTO4) {
            List<TreeNodesDTO> temp = new ArrayList<TreeNodesDTO>();
            for (TreeNodesDTO dto : treeNodesDTO5) {
                if (nodesDTO.getId().equals(dto.getUpper())) {
                    temp.add(dto);
                }
            }
            nodesDTO.setNodes(temp);
        }
        for (TreeNodesDTO nodesDTO : treeNodesDTO3) {
            List<TreeNodesDTO> temp = new ArrayList<TreeNodesDTO>();
            for (TreeNodesDTO dto : treeNodesDTO4) {
                if (nodesDTO.getId().equals(dto.getUpper())) {
                    temp.add(dto);
                }
            }
            nodesDTO.setNodes(temp);
        }
        for (TreeNodesDTO nodesDTO : treeNodesDTO2) {
            List<TreeNodesDTO> temp = new ArrayList<TreeNodesDTO>();
            for (TreeNodesDTO dto : treeNodesDTO3) {
                if (nodesDTO.getId().equals(dto.getUpper())) {
                    temp.add(dto);
                }
            }
            nodesDTO.setNodes(temp);
        }

        return JSON.toJSON(treeNodesDTO2);
    }
}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值