带有自定义json数据的JsTree

时间:2015-05-18 18:32:12

标签: javascript jquery json structure jstree

我在json中有这个结构我无法通过请求修改。

{
        "Object": [
            {
                "url": "http://www.google.com"
            }            
        ],
        "id": 1,
        "name": "Redirection Rule",
        "Object": {
            "frequency": 1,
            "trigger": 1
        },
        "Object": {
            "http": "Redirect Url",
            "response": 301
        }
    }

我需要使用这个结构来填充jstree。我只需要使用“id”字段和“name”,如何设置jstree使用“name”而不是“text”作为节点名称?

1 个答案:

答案 0 :(得分:8)

或者:

1)使用jQuery dataFilter选项(这意味着在core.data jsTree配置中为core.data定义一个函数,

2)将$('#your-tree').jstree({ core : { data : function (node, cb) { $.ajax({ url : ... }).done(function (data) { cb([{ "id" : data.id, "text" : data.name }]) }); }, ... 本身设置为一个函数,手动发出请求并将其转换为:

core.data

您可以在此处找到有关将<?php ob_start(); include 'index.min.php'; echo $content = ob_get_clean(); ?> 设置为函数的更多信息: https://github.com/vakata/jstree#populating-the-tree-using-a-callback-function