layui的树型组件的使用

前端html:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>树组件</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<div id="data_tree">
</div>
<script src="layui/layui.js"></script>
<script>
    layui.use(['tree', 'util'], function() {
        var tree = layui.tree;
        var util = layui.util;
        var $ = layui.jquery;
            $.ajax({
                url: "treelist",    //后台数据请求地址
                type: "post",
                dataType:"json",
                success: function(resut){
                    tree.render({
                        elem: '#data_tree',
                        data: resut,
                        // showCheckbox: true,     //是否显示复选框
                        // onlyIconControl: true
                    });
                }
            });
    });
</script>
</body>
</html>

 后端处理：

    @ResponseBody
    @PostMapping("/treelist")
    public String treeList(HttpSession session,Model model){

        log.info("当前方法是：{}","treelist");
        ArrayList<DataBean> dataBeans = MysqlDao.selAll();
        String json = JsonUtils.toJsonTree(dataBeans);
        return json;
    }

 遇到问题主要是，ajax对于返回值的解析，需要用json格式来解析

posted @ 2021-11-25 22:04  durtime  阅读(21)  评论(0)    收藏  举报