首页 打工社区 个人空间(博客) 天易免费影院 通行证】【登陆】【注册
天易网
 打工动态 | 打工路上 | 社会关注 | 工薪一族 | 求职指南 | 薪资行情 | 创业故事 | 成功人生 | 政策法规
 情感方舟 | 笑话娱乐 | 都市时尚 | 明星八卦 | 小说连载 | 地方风情 | 打工文学 | 技术长廊 | 骗术大观
 您的位置:首页 > 技术长廊 > WEB开发 > ASP.NET > 正文
Ajax实现无刷新树2
http://www.130cn.com  2007-5-19 0:00:00   评论0 字体:[ ] [收藏] [投稿]

     function ChangeStatus(iCategoryID)
   {
   var li_father = el("li_" + iCategoryID);
   if (li_father.className == "Closed")
   {
   li_father.className = "Opened";
   }
   else
   {
   li_father.className = "Closed";
   }
   }
  
   function switchNote(iCategoryID, show)
   {
   var li_father = el("li_" + iCategoryID);
   if (show)
   {
   var ul = document.createElement("ul");
   ul.id = "ul_note_" + iCategoryID;
  
   var note = document.createElement("li");
   note.className = "Child";
  
   var img = document.createElement("img");
   img.className = "s";
   img.src = "../../Styles/tree_CSS/s.gif";
  
   var a = document.createElement("a");
   a.href = "JavaScript:void(0);";
   a.innerHTML = "请稍候";
  
   note.appendChild(img);
   note.appendChild(a);
   ul.appendChild(note);
   li_father.appendChild(ul);
   }
   else
   {
   var ul = el("ul_note_" + iCategoryID);
   if (ul)
   {
   li_father.removeChild(ul);
   }
   }
   }
  
   // 加载根节点
   var tree = el("CategoryTree");
   var root = document.createElement("li");
   root.id = "li_0";
   tree.appendChild(root);
  
   // 加载页面时显示第一级分类
   ExpandSubCategory(0);
  
   function PreloadFormUrl(iCategoryID)
   {
   // 采用同步调用的方式获取图片的信息
   var ds = AjaxMethod.GetFormsList(iCategoryID).value;
   // 如果返回了结果
   if (ds)
   {
   // 判断数据表是否不为空
   if (ds.Tables[0].Rows.length > 0)
   {
   // 返回的信息数据表
   dt = ds.Tables[0];
   el("furl").src = dt.Rows[0].FormUrl;
   }
   else // 分类下没有
   {
   }
   }
   }
   </script>
   </form>
  </body>
  </html>2.cs代码
  using System;
  using System.Data;
  using System.Configuration;
  using System.Collections;
  using System.Web;
  using System.Web.Security;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  using System.Web.UI.WebControls.WebParts;
  using System.Web.UI.HTMLControls;
  using AjaxPro;
  
  public partial class Pages_Home_HomePage : System.Web.UI.Page
  {
   protected void Page_Load(object sender, EventArgs e)
   {
   Utility.RegisterTypeForAjax(typeof(AjaxMethod));
   }
  }3.建立一个tree.CSSCSS样式
  a
  {}{
   text-decoration:none;
  }
  a,a:visited
  {}{
   color:#000;
   background:inherit;
  }
  body
  {}{
   margin:0;
   padding:20px;
   font:12px tahoma,宋体,sans-serif;
  }
  dt
  {}{
   font-size:22px;
   font-weight:bold;
   margin:0 0 0 15px;
  }
  dd
  {}{
   margin:0 0 0 15px;
  }
  h4
  {}{
   margin:0;
   padding:0;
   font-size:18px;
   text-align:center;
  }
  p
  {}{
   margin:0;
   padding:0 0 0 18px;
  }
  p a,p a:visited
  {}{
   color:#00f;
   background:inherit;
  }
  
  .TreeMenu img.s
  {}{
   cursor:hand;
   vertical-align:middle;
  }
  .TreeMenu ul
  {}{
   padding:0;
  }
  .TreeMenu li
  {}{
   list-style:none;
   padding:0;
  }
  .Closed ul
  {}{
   display:none;
  }
  .Child img.s
  {}{
   background:none;
   cursor:default;
  }
  
  #CategoryTree ul
  {}{
   margin:0 0 0 17px;
  }
  
    


 
 【查看评论】【收藏此页】【打印】【关闭】【讨论区
 
 天易通行证: 密码: 注册新用户 所有评论0
 相关信息
 
内容搜索
选择频道
推荐信息
 
热门信息
 

声明:1、本站所有文章除特殊注明“本站原创”外,其它版权归作者所有!
   2、任何转载本站原创文章必须注明来自天易网,否则将追究其法律责任!
   3、本站部分文章来自网上,如对您造成侵权等行为请联系我们,我们将及时删除!

 
 
关于我们 | 意见反馈 | 在线投稿 | 广告服务 | 网站地图 | 设为首页 | 加入收藏 | 友情链接
Copyright © 2005 - 2015 130CN.COM Inc. All Rights Reserved  天易网 - 版权所有
客户服务:Service@130cn.com 技术支持:Support@130cn.com 在线QQ:17678824,32812224 粤ICP备06089049号
网络警察