非常急,高手们救命啊。
在网上下了ajaxpro技术做的树形,运行没问题,就是不能刷新,一刷就多个出来,而且把页面全部关了在打开运行也会多一个出来,由于我是新手不知道怎么修改。麻烦高手给看看,最好教我怎么修改。
如果下面的看的不全,本人挂在资源里了,可以去下载看看。麻烦大家了。(下载地址:http://download.csdn.net/source/2562735)
Tree_2.aspx.cs
using System;
using System.Data;
using System.Configuration;
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 System.Data.SqlClient;public partial class _Default : System.Web.UI.Page  
{  //此对象用于存放所有的节点数
  public static DataSet dsAllNodes = new DataSet();  protected void Page_Load(object sender, EventArgs e)
  {
  
  AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));  this.CreateNodes();  }  private DataTable CreateStructure()
  {
  DataTable dt = new DataTable();
  dt.Columns.Add(new DataColumn("CategoryID", typeof(int)));
  dt.Columns.Add(new DataColumn("CategoryName", typeof(string)));
  dt.Columns.Add(new DataColumn("FatherID", typeof(string)));
  dt.Columns.Add(new DataColumn("IsChild", typeof(bool)));
  return dt;
  }
  private DataTable CreateNodes()
  {
  string ConnString = System.Configuration.ConfigurationManager.AppSettings["ConnectionString"];
  SqlConnection conn = new SqlConnection(ConnString);
  SqlDataAdapter sda = new SqlDataAdapter("select * from tree_Ajax", conn);
  sda.Fill(dsAllNodes);
  conn.Close();
  return dsAllNodes.Tables[0];
  }  [AjaxPro.AjaxMethod]
  public DataSet GetSubCategory (int CategoryID)
  {
  DataSet ds = new DataSet();
  DataTable dt = this.CreateStructure();
  DataRow[] drSelect = dsAllNodes.Tables[0].Select("FatherID=" + CategoryID.ToString());
  foreach (DataRow drTemp in drSelect)
  {
  DataRow dr = dt.NewRow();
  dr["CategoryID"] = drTemp["CategoryID"];
  dr["CategoryName"] = drTemp["CategoryName"];
  dr["FatherID"] = drTemp["FatherID"];
  dr["IsChild"] = IsLeaf( int.Parse( drTemp["CategoryID"].ToString() ) );
  dt.Rows.Add(dr);
  }
  ds.Tables.Add(dt);
  return ds;
  }  [AjaxPro.AjaxMethod]
  public bool IsLeaf(int Category)
  {
  foreach(DataRow dr in dsAllNodes.Tables[0].Rows)
  {
  if (dr["FatherID"] != null && int.Parse(dr["FatherID"].ToString()) == Category)
  {
  return false;   
  }
  }
  return true;
  }  [AjaxPro.AjaxMethod]
  public string GetNameByCategoryID(string CategoryID )
  {
  foreach( DataRow dr in dsAllNodes.Tables[0].Rows )
  {
  if( dr["CategoryID"].ToString() == CategoryID.ToString() )
  {
  return dr["CategoryName"].ToString();
  }
  }
  return "";
  }
}<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Tree_2.aspx.cs" Inherits="_Default" %><!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>AjaxPro.NET实现的简单高效的Tree——51aspx.com</title>
  <link type="text/css" href="css/tree.css" rel="stylesheet">
</head>
<body>
  <form id="form1" runat="server">
  <div>
  <asp:Panel ID="Panel1" runat="server" Height="424px" Width="251px">
  <div id="CategoryTree" class="TreeMenu"></div>
  </asp:Panel>
  <script language=jscript>
  var tree = document.getElementById("CategoryTree");
  var root = document.createElement("li");
  root.id = "li_0";
  tree.appendChild( root );
  ExpandSubCategory( 0 );
  function ExpandSubCategory( categoryID )
  {
  var liFather = document.getElementById( "li_" + categoryID );
  if( liFather.getElementsByTagName("li").length > 0)
  {
  ChangeStatus( categoryID );
  return;
  }
  liFather.className = "Opened";
  SwitchNode( categoryID, true );
    
  //仅获取当前节点的子Nodes
  _Default.GetSubCategory( categoryID, GetSubCategory_callback );
  }   
  function SwitchNode( CategoryID, show )
  {
  var li_father = document.getElementById("li_" + CategoryID);
  if( show )
  {
  var ul = document.createElement("ul");
  ul.id = "ul_note_" + CategoryID;
    
  var note = document.createElement("li");
  note.className = "Child";   
    
  var img = document.createElement("img");
  img.className = "s";
  img.src = "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 = document.getElementById("ul_note_" + CategoryID );
  if( ul )
  {
  li_father.removeChild(ul);
  }
  }   
  }
  function GetSubCategory_callback( response )
  {
  var dt = response.value.Tables[0];
  if( dt.Rows.length > 0 )
  {
  var iCategoryID = dt.Rows[0].FatherID;   
  }   
  var li_father = document.getElementById("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 = "css/s.gif";
  var a = document.createElement("a");
  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].CategoryID;
  img.className = "s";
  img.src = "css/s.gif";
  img.onclick = function(){ ExpandSubCategory( this.id ); };
  img.alt = "Expand/collapse";
  var a = document.createElement("a");
  a.href = "javascript:ExpandSubCategory('" + dt.Rows[i].CategoryID + "');";
  a.innerHTML = dt.Rows[i].CategoryName;   
  }
  li.appendChild(img);
  li.appendChild(a);
  ul.appendChild(li);
  }
  li_father.appendChild(ul);
  SwitchNode( iCategoryID, false );
  }   
    
  //单击叶节点时, 异步从服务端获取单个节点的数据.
  function OpenDocument( CategoryID )
  {   
  _Default.GetNameByCategoryID( CategoryID, GetNameByCategoryID_callback );
  }
    
  function GetNameByCategoryID_callback( response )
  {
  alert( response.value );
  }
    
  function ChangeStatus( CategoryID )
  {
  var li_father = document.getElementById("li_" + CategoryID );
  if( li_father.className == "Closed" )
  {
  li_father.className = "Opened";
  }
  else
  {
  li_father.className = "Closed";
  }
  }   
  </script>   
  </div>
  </form>   
 </body>   
</html>