首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用数据变量加载jsTree

如何使用数据变量加载jsTree
EN

Stack Overflow用户
提问于 2011-07-07 22:40:00
回答 3查看 4.2K关注 0票数 2

我有一个对wcf模块的ajax调用,它返回这种格式的菜单树。(截断)

代码语言:javascript
运行
复制
    { "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调用的回调函数:

代码语言:javascript
运行
复制
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设置”。我还尝试将数据放入全局变量中,然后返回该变量。

谢谢你的帮助

EN

回答 3

Stack Overflow用户

发布于 2011-07-08 17:02:47

你不会只是想

代码语言:javascript
运行
复制
$('#webpagetree').jstree({
    "json_data": data,
...

在你的fSucc函数中?

票数 1
EN

Stack Overflow用户

发布于 2011-08-20 04:34:58

在数据周围添加eval()将会起作用。

代码语言:javascript
运行
复制
"json_data": { "data" : eval(data) },
票数 1
EN

Stack Overflow用户

发布于 2014-09-12 17:23:19

它通过在函数eval()中传递包含json的变量来工作得很好:

代码语言:javascript
运行
复制
$('#webpagetree').jstree({
    'core': {
        'data': eval(myJson)
    }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6612409

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档