jstree.net json

上一篇我们初步认识了jstree，这一篇就要把它运用到.net的项目中了

一、jstree获取json数据

该插件使jsTree json_data JSON对象转换到互动的树。数据（JSON）的可设置在配置或从服务器（也按需）检索。 1.0版还引入了先进的实验呈现功能，这是为大型，重型在DOM树适合该树形。

1.新建文件json_data.html （Ajax请求）

代码

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jsTree v.1.0 - json_data documentation</title>
    <script type="text/javascript" src="../_lib/jquery.js"></script>
</head>
<body>
<div id="demo2" class="demo"></div>
<script type="text/javascript" class="source">
$(function () {
    $("#demo2").jstree({
        "json_data" : {
            "ajax" : {
                "url" : "json.aspx",
                "data" : function (n) {
                    return { id : n.attr ? n.attr("id") : 0 };
                }
            }
        },
        "plugins" : [ "themes", "json_data" ]
    });
});
</script>
</body>
</html>

2.新建json.aspx页面(当然可以是一般处理程序、webservices、json文件)

1>.去掉页面生产的代码，就留第一句

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2>.后台，就不多说了，直接贴出代码。差不多要睡觉了，

代码

protected void Page_Load(object sender, EventArgs e)
{
Response.ContentType = "application/json";
string test="{\"attr\":{\"id\":\"11\",\"rel\":\"folder\"}, \"children\" : [ { \"data\" : \"彭涛test1\", \"state\" : \"closed\" },{ \"data\" : \"彭涛test2\", \"state\" : \"closed\" } ], \"data\":\"彭涛\",\"state\":\"closed\"}";

Response.Write(test);
}

这些都是很简单的，因为官方的是php版本的，搞.net的朋友很多也没有去安装php的环境，为了搞jstree，我还特地去安装了php+mysql环境，然后去测试，呵呵，为大家节约的时间吧。

如果有什么不理解的地方，请给本人留言。我们可以互相交流，共同进步。 jstree功能如读取xml格式数据添加、删除节点、异步查找节点并结合.net开发等的功能以后还会继续进行完善，请继续关注。联系QQ群：161077434