您现在的位置: 帝欧资源网 >> 文章中心 >> AJAX专区 >> 正文
Ajax实现无刷新树
Ajax实现无刷新树
作者:网络收集 文章来源:网络收集 点击数: 更新时间:2008-7-4 2:50:31

1.建立一个aspx页面
html代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>小山</title>
    <link type="text/css" href="../../Styles/tree_css/tree.css" rel="stylesheet">
</head>
<body>
    <form id="Form1" runat="server">
    <table width=100% cellpadding=0 cellspacing=0 border=0>
        <colgroup>
            <col width=180 />
            <col />
        </colgroup>
        <tr>
            <td>
                <div class="TreeMenu" id="CategoryTree" style="width: 100%; height: 489px">
                </div>
            </td>
            <td>
                <iframe id=furl height=20 style="height: 497px; width: 100%;"></iframe>
            </td>
        </tr>
    </table>   
                           
            <script language="jscript">
            function el(id)
            {
                return document.getElementById(id);               
            }
            function ExpandSubCategory(iCategoryID)
            {
                var li_father = el("li_" + iCategoryID);
                if (li_father.getElementsByTagName("li").length > 0) //分类已下载
                {
                    ChangeStatus(iCategoryID);
                    return;
                }
               
                li_father.className = "Opened";
               
                switchNote(iCategoryID, true);
                AjaxMethod.GetSubCategory(iCategoryID, GetSubCategory_callback);               
            }

            function GetSubCategory_callback(response)
            {
                var dt = response.value.Tables[0];
                if (dt.Rows.length > 0)
                {
                    var iCategoryID = dt.Rows[0].FatherID;
                }
                var li_father = el("li_" + iCategoryID);
                var ul = document.createElement("ul");
                for (var i = 0;i < dt.Rows.length;i++)
                {
                    if (dt.Rows[i].IsChild == 1) //叶子节点
                    {
                        var li = document.createElement("li");
                        li.className = "Child";
                        li.id = "li_" + dt.Rows[i].CategoryID;
                       
                        var img = document.createElement("img");
                        img.id = dt.Rows[i].CategoryID;
                        img.className = "s";
                        img.src = "../../Styles/tree_css/s.gif";
                       
                        var a = document.createElement("a");
                        var id = dt.Rows[i].CategoryID;
                        a.onmouseover = function()
                        {
                            PreviewImage(id);
                        };
                        a.href = "javascript:OpenDocument('" + dt.Rows[i].CategoryID + "');";
                        a.innerHTML = dt.Rows[i].CategoryName;
                    }
                    else
                    {
                        var li = document.createElement("li");
                        li.className = "Closed";
                        li.id = "li_" + dt.Rows[i].CategoryID;
                       
                        var img = document.createElement("img");
                        img.id = dt.Rows[i].Categor

[1] [2] [3] [4] 下一页

文章录入:feilaiyu    责任编辑:feilaiyu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        热门文章 更多...
     基于css样式绑定的样式驱动式AJA
     ajax进度条
     利用Asp.net Ajax异步获取xml文档
     Ajax实现无刷新树
     Ajax实现在textbox中输入内容,动
        推荐文章 更多...
     在AJAX开发中集成数据库技术
     对Gmail中使用AJAX技术的研究
     利用AJAX技术开发应用程序实战
     利用AJAX技术开发应用程序实战发
     在 AJAX 开发中集成数据库技术
        相关文章 更多...
    在ASP.Net中应用Javascr
    结合JavaScript与ASP.NE
    在Web DataGrid中当鼠标
    ASP.NET 2.0 Treeview C
    在atlas里面的UpdatePan

    Copyright 2008 版权所有:帝欧资源网 辽ICP备05010304号
    站长信箱:admin@do666.com
    建议、投诉、报障:admin@do666.com
    站长:小猴