如何使用数据变量加载 jsTree

Question

我对 wcf 模块进行了 ajax 调用，该模块返回这种格式的菜单树。 （截断）

    { "data" : [
          {
          "data" : "Home", 
          "attr" : {"webpageid" : "1", "url"     : "/Intranet/index.html", "appcode" : "Intranet Home", "parent"  : "0", "enabled" : "1", "visible" : "1", "target"  : "_self     ", "order"   : "0", "title"   : "Home", "itmname" : "index", "submenuclass" : "", "htmlid" : "homenav", "opennewtab" : "true", "externalsite" : "0"},
          "children" :[
                        {
                        "data" : "Site Administration", 
                        "attr" : {"webpageid" : "64", "url"     : "", "appcode" : "Mgmt/S0001", "parent"  : "1", "enabled" : "1", "visible" : "1", "target"  : "_self     ", "order"   : "1", "title"   : "Site Administration", "itmname" : "SiteAdmin", "submenuclass" : "", "htmlid" : "", "opennewtab" : "false", "externalsite" : "0"},
                        "children" :[
                        {
                        "data" : "Add Web Page", 
                        "attr" : {"webpageid" : "65", "url"     : "/Intranet/admin/mgmt/addwebpage.html", "appcode" : "Mgmt/S0002", "parent"  : "64", "enabled" : "1", "visible" : "1", "target"  : "_self     ", "order"   : "1", "title"   : "Add Web Page", "itmname" : "AddPage", "submenuclass" : "", "htmlid" : "", "opennewtab" : "false", "externalsite" : "0"} 
                        }
                      ]
          }
        ]

}，...更多数据... ]}

这是我的 ajax 调用的回调函数：

function fSucc(data) {
    $(function () {
        $('#webpagetree').jstree({
            "json_data": (function () { return data; })(),
            "ui": { "select_limit": 1 },
            "plugins": ["themes", "json_data", "ui", "themeroller", "dnd", "crrm"]
        }).bind("select_node.jstree", function (e, data) {
            alert(jQuery.data(data.rslt.obj[0], "jstree").id)
        });
    });
}

但它不会创建或加载 jsTree 的实例。

相反，我收到错误“既没有提供数据，也没有提供 ajax 设置。” 我还尝试将数据放入全局变量中，然后返回。

感谢您的帮助

Answer 1

您不想只

$('#webpagetree').jstree({
    "json_data": data,
...

在 fSucc 函数中吗？

Answer 2

在数据周围添加一个 eval() 就可以了。

"json_data": { "data" : eval(data) },

Answer 3

通过在函数 eval() 中传递包含 json 的变量，效果很好：

$('#webpagetree').jstree({
    'core': {
        'data': eval(myJson)
    }
});