JsTree这个东东怎么用的呀。

JSON数据已经获取出来了。就是显示不了。郁闷死了。
出来的JSON格式类似这样的。 {"Id":"1090","SKey":"1","Name":"大门1","ParentID":"2"},
 {"Id":"1091","SKey":"2","Name":"大门2","ParentID":"2"},
 {"Id":"1902","SKey":"3","Name":"大门3","ParentID":"2"},
 {"Id":"1093","SKey":"4","Name":"大门4","ParentID":"2"}
页面调用：
    $(function () {
        $("#treeDiv").jstree({
            "json_data": {
                "data": [
                returnData  ;//这里就是类似上面的JSON格式数据              
           }
           
]
            },
            "plugins": ["themes", "json_data", "ui"]
        })
    });
各位大侠，帮帮忙吧。

解决方案 »

  1.   

       $(function () {
            $("#treeDiv").jstree({
                "json_data": {
                    "data": [
                    returnData  ;//这里就是类似上面的JSON格式数据              
               }
               
                ]
                },
                "plugins": ["themes", "json_data", "ui"]
            })
        });
    是不是红色这些写错的缘故，这东西有没有使用说明啊，你可以参照一下啊
      

  2.   

    http://www.v-ec.com/dh20156/article.asp?id=206
    这个有说明
      

  3.   

    http://www.jstree.com/demo/  这是JsTree的Demo有实例。应该对楼主有帮助。
      

  4.   

        $(function () {
            $("#treeDiv").jstree({
                "json_data": {
                    "data": [returnData  ;]//这里就是类似上面的JSON格式数据  
                       } 
               },
                "plugins": ["themes", "json_data", "ui"]
            })
        });改成这样试一下呢
      

  5.   

    一直在看demo，可惜就是搞不懂我的问题在哪里。郁闷了。
      

  6.   

    这个是官方的demo,不清楚里面的 data，metadata,children,attr,等全都是要写成一定的    $(function () {
            $("#treeDiv").jstree({
                "json_data": {
                    "data": [
    {
        "data": "A node",
        "metadata": { id: 23 },
        "children": ["Child 1", "A Child 2"]
    },
    {
        "attr": { "id": "li.node.id1" },
        "data": {
            "title": "Long format demo",
            "attr": { "href": "#" }
        }
    }
    ]
                },
                "plugins": ["themes", "json_data", "ui"]
            })
        });
      

  7.   

    改成.NET版本的。
    引用JS文件<div id="container">
    <script type="text/javascript">
    $(function() {
       $.ajaxSetup( {
        cache : false
       });//ajax调用不使用缓存
       $("#menuTree").tree( {
        data : {
         type : "json", //类型为json
         async : true, //动态加载data
         opts : {
          async : true, //动态操作
          method : "GET",
          url : "<c:url value='/sys/menu' />"   //请求的url路径
         }
        },
        lang : {
         loading : "目录加载中……" //在用户等待数据渲染的时候给出的提示内容，默认为loading   
       },
       ui : {
        theme_name : 'classic' //设置样式
       },
       callback : {
        // Make sure static is not used once the tree has loaded for the first time
    //onload 为可选
        onload : function(t) {
         t.settings.data.opts.static = false;//装载时不加载数据
        },//beforedata 为可选,默认只向服务器回传 “id=xxx”这样的字段，其中xxx为当前节点的id值。
        //n--节点，t是tree
        beforedata : function(n, t) {
         if (n == false) {   //第一次请求，没有任何node节点，所以n==false；
           return {id:0,username : zhansan};    //默认返回给服务器的参数名为："id”,可以自己指定参数名，如："username",可以传回一个参数，也可以传回多个参数。要以json的方式传回给服务器。
        }else{
          return {       parent_Id/*参数名称*/: $(n).attr("id") || false      }// AJAX调用参数传递
        }
       },
       //插件使用右键菜单支持自定义右键菜单
        plugins : {
         contextmenu : {}
        }   });
    });
    </script>
    <div class="demo" id="menuTree"></div>
    </div>
      

  8.   

    我感觉你页面调用那里是不是写错了？下面的试试$(function () {
            $("#treeDiv").jstree({
                "json_data": {"data": [returnData]},
                "plugins": ["themes", "json_data", "ui"]
            })
        });
      

  9.   

    哪位有JSTREE的C#例子给分享一个吧。
      

  10.   

    拷贝到jstree-v.pre1.0\jstree-v.pre1.0\_demo这个文件夹下。
    他的结构其实很简单：
    {"data" : "Networking sites", //显示文本
     "children" :[ {"data":"Facebook",//Networking 下面一个节点Facebook
                      "metadata":{"href":"http://www.fb.com"}},
                   {"data":"Twitter", ",//Networking 下面一个节点Twitter
                      "metadata":"href":"http://twitter.com","ccc":"mmmmm"},
                      "children":[又是重复上面的]
                      }
                 ]
     }<html>
        <head>
            <title>Use jsTree</title>
    <script type="text/javascript" src="../_lib/jquery.js"></script>
    <script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
    <script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
    <script type="text/javascript" src="../jquery.jstree.js"></script>
    <link type="text/css" rel="stylesheet" href="../_docs/syntax/!style.css"/>
    <link type="text/css" rel="stylesheet" href="../_docs/!style.css"/>
    <script type="text/javascript" src="../_docs/syntax/!script.js"></script>
            </script>
            <script>
                $(document).ready(function(){
                    $("#treeViewDiv").jstree({
                        "json_data" : {
                            "data":[
                                {
                                    "data" : "Search engines",
                                    "children" :[
                                                 {"data":"Yahoo", "metadata":{"href":"http://www.yahoo.com"}},
                                                 {"data":"Bing", "metadata":{"href":"http://www.bing.com"}},
                                                 {"data":"Google", "children":[{"data":"Youtube", "metadata":{"href":"http://youtube.com"}},{"data":"Gmail", "metadata":{"href":"http://www.gmail.com"}},{"data":"Orkut","metadata":{"href":"http://www.orkut.com"}}], "metadata" : {"href":"http://youtube.com"}}
                                                ]
                                },
                                {
                                    "data" : "Networking sites",
                                    "children" :[
                                        {"data":"Facebook", "metadata":{"href":"http://www.fb.com"}},
                                        {"data":"Twitter", "metadata":{"href":"http://twitter.com","ccc":"mmmmm"}}
                                    ]
                                }
                            ]
                        },
                        "plugins" : [ "themes", "json_data", "ui" ]
                    }).bind("select_node.jstree", function(e, data)
                        {
          alert(data["rslt"]["obj"].html());
                           /*
        if(jQuery.data(data.rslt.obj[0], "href"))
                            {
                                window.location=jQuery.data(data.rslt.obj[0], "href");
                            }
                            else
                            {
                                alert("No href defined for this element");
                            }
       */
                        })
                });
            </script>
        </head>
        <body>
            <div id="treeViewDiv">
            </div>
        </body>
    </html>