Laravel生成jstree的json数据

发布于 2022-09-03 00:06:37 字数 737 浏览 17 评论 0

laravel从数据库中取出来的数据如何封装成jstree能够读取的模型?如果有能给个实例就好了……

$("#tree_4").jstree({
    core: {
        themes: {
            responsive: !1
        },
        check_callback: !0,
        data: {
            url: function (e) {
                return "{{ route('api.deparment') }}"
            },
            data: function (e) {
                return {
                    parent: e.id
                }
            }
        }
    },
    types: {
        "default": {
            icon: "fa fa-folder icon-state-warning icon-lg"
        },
        file: {
            icon: "fa fa-file icon-state-warning icon-lg"
        }
    },
    state: {
        key: "demo3"
    },
    plugins: ["dnd", "state", "types"]
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

山有枢 2022-09-10 00:06:37

把你数据库取出的数据遍历一下,json结构官方的github已经给出了

[{
  "id":1,"text":"Root node","children":[
    {"id":2,"text":"Child node 1"},
    {"id":3,"text":"Child node 2"}
  ]
}]

这是我做的例子

[
    {
        "id": 1, 
        "text": "root", 
        "value": "root", 
        "pid": 0, 
        "type": 0, 
        "children": [
            {
                "id": 2, 
                "text": "Status", 
                "value": "status", 
                "pid": 1, 
                "type": 1, 
                "children": [
                    {
                        "id": 5, 
                        "text": "open", 
                        "value": "open", 
                        "pid": 2, 
                        "type": 1
                    }, 
                    {
                        "id": 6, 
                        "text": "cancelled", 
                        "value": "cancelled", 
                        "pid": 2, 
                        "type": 1
                    }
                ]
            }, 
            {
                "id": 3, 
                "text": "Payment Status", 
                "value": "financial_status", 
                "pid": 1, 
                "type": 1, 
                "children": [ ]
            }, 
            {
                "id": 4, 
                "text": "Tagged With", 
                "value": "tag", 
                "pid": 1, 
                "type": 1, 
                "children": [ ]
            }, 
            {
                "id": 7, 
                "text": "Date", 
                "value": "process_at", 
                "pid": 1, 
                "type": 1, 
                "children": [
                    {
                        "id": 8, 
                        "text": "in the last week", 
                        "value": "past_week", 
                        "pid": 7, 
                        "type": 1
                    }, 
                    {
                        "id": 9, 
                        "text": "on or before", 
                        "value": "processed_at_max", 
                        "pid": 7, 
                        "type": 2
                    }
                ]
            }, 
            {
                "id": 10, 
                "text": "Custom", 
                "value": "custom", 
                "pid": 1, 
                "type": 2, 
                "children": [ ]
            }
        ]
    }
]

clipboard.png

猛虎独行 2022-09-10 00:06:37

laravel 查询出的结果 直接进行 toJson() 即可

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文