jQuery+jQuery zTree+json实现树形结构时页面接收数据

本帖最后由 yunzhongfeiniao 于 2011-10-13 21:23:54 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

zTree 有api 自己看下 ...
http://www.baby666.cn/v3/api.php
api也看过，对于一些参数也了解一些，但对于总体的实现不知道怎么写。
你只需要返回数据，其他zTRee来完成。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="left.aspx.cs" Inherits="teachingAndStudy.Html.left" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script src="../js/jq1.6.2.min.js" type="text/javascript"></script>
    <script src="../js/jquery.ztree-2.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var zTree;
        var setting = {
            async: true,   // 需要异步加载zTree
            asyncUrl: "../Public/getSubTree.ashx?who=0", // 异步加载时访问的页面
            asyncParam: ["id"],    // 异步加载时要传递的参数
            isSimpleData: true, // 简单数据模型，必须提供下面的两项
            treeNodeKey: "id", // 节点的id
            treeNodeParentKey: "pId",  // 父节点的id

            showIcon : false,
            showLine: false, // zTree显示连接线
            expandSpeed: "",   // 设置 zTree 节点展开、折叠时的动画速度，默认为"fast"，""表示无动画
            callback: {    // 回调函数
               click: zTreeOnClick,    // 单击鼠标时
               asyncSuccess:zTreeOnAsyncSuccess
               //beforeAsync: zTreeBeforeAsync
               //rightClick: zTreeOnRightClick,   // 鼠标右击 zTree
               //beforeRemove: zTreeOnBeforeRemove
               //remove: zTreeOnRemove
    }
        };        $(document).ready(function(){
            zTree = $("#tree").zTree(setting, null);
        });        function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
            zTree.expandAll(true);
        }        }

        function zTreeOnClick(event, treeId, treeNode) {        }    </script>
</head>
<body>
    <div>
        <ul id="tree" class="tree" style="width:500px; overflow:visible;"></ul>
    </div>
</body>
</html>
谢谢你的回答。
异步加载完成时执行zTreeOnAsyncSuccess方法吧？异步中的url我设置为访问action，从action中返回的json数据应该用zTreeOnAsyncSuccess中的那个参数接受呢？是不是msg？接受到节点数据后怎么在页面中加载显示节点呢？对于其中的原理和执行过程我不太清楚。
接受到节点数据后怎么在页面中加载显示节点呢？不用你管，zTree已经完成这样的操作~~~
zTree官网上的资料我看了一些，你的代码中的 $(document).ready(function(){
            zTree = $("#tree").zTree(setting, null);
        });
是在页面最初加载时对zTree进行初始化，点击父节点后显示子节点的过程是异步加载数据，我不明白加载子节点数据时要不要执行一些方法，比如$.fn.zTree.init（obj, zSetting, zNodes）这样的初始化方法。
[email protected]  太感谢了  谢谢了啊。
[email protected]  求发送！！
[email protected] 求发送,谢谢!
麻烦给我也发一份，谢谢。
[email protected]
麻烦给我也发一份，谢谢。
[email protected]
麻烦给我也发一份，谢谢。
[email protected]
麻烦给我发一份呗，谢谢 [email protected]
麻烦给我发一份谢谢  [email protected]
可不可以发一份列子。谢谢   邮箱：[email protected]
很久没上，没看到帖子，抱歉~~~例子已作为资源发布，需要的朋友可以去下载：http://download.csdn.net/detail/sxldfang/4068937
http://download.csdn.net/detail/sxldfang/4068937
[email protected] 可不可以发送一份，麻烦了，谢谢
[email protected]  麻烦发一份
你那个是什么语言做的呢？  下载了文件打不开  我们需要用java做呢
可以给我发一份吗 [email protected] 谢谢
[email protected]  麻烦发一份，谢谢！
我也需要一份麻烦发一下 [email protected]