.net1.1采用Ajax动态加载TreeView

来源：互联网发布：虎嗅知乎编辑：程序博客网时间：2024/05/21 22:41

文章见http://www.cnblogs.com/dingsea/archive/2005/10/26/262220.html
安装问题：
对此文中源代码下载之后，进行安装。

发现ajaxTest必须放在WWWROOT下面才可以。。。。-应该是SLN的问题。
将其设为网站，用vs2003打开，将其引用重新添加（主要是BorgWorX.Web.Core.Ajax.dll与Microsoft.ApplicationBlocks.Data.dll）

代码使用问题：

以下JS关键为前台JS调用后台的public DataSet returnDs(string PreFix)

var Index;

function ds()

{

WebForm2.returnDs(TreeView1.getTreeNode(Index).getAttribute("NodeData"),returnDs_callback);

}

function returnDs_callback(response)

{

var n=TreeView1.getTreeNode(Index);

var load=n.getChildren();

if(load.length!=1){

return;

}

else

{

var loadNode=load[0];

loadNode.remove();

}

var ds=response.value;

if(ds!=null && ds.Tables!=null && typeof(ds)=="object")

{

for(var i=0;i<ds.Tables[0].Rows.length;i++)

{

var newNode=TreeView1.createTreeNode();

newNode.setAttribute("NodeData",ds.Tables[0].Rows[i].UNSPSCCode);

newNode.setAttribute("Text",ds.Tables[0].Rows[i].UNSPSCCode+" "+ds.Tables[0].Rows[i].Description);

if(newNode.getAttribute("NodeData")%100==0)

{

var loadNode=TreeView1.createTreeNode();

loadNode.setAttribute("Text","Loading......");

newNode.add(loadNode);

}

n.add(newNode);

}

else{alert(response.error);}

}

</script>

Index= window.event.treeNodeIndex;

if(Index=='0')return;

ds();

</script>

后台点击后的代码【public DataSet returnDs(string PreFix)】

//[Ajax.AjaxMethod()]

[BorgWorX.Web.Core.Ajax.AjaxMethod()]

public DataSet returnDs(string PreFix)

{

int preFix=getPreFix(PreFix);

string str="workstation id=SCS-DINGSEA;packet size=4096;user=sa;data source=SCS-DINGSEA;persist security info=True;initial catalog=GEPS;password=sa";

DataSet ds=SqlHelper.ExecuteDataset(str,"sp_loadUNSPSCCodeByLevel",preFix);

return ds;

}

后台树初始化代码：

private void loadData(TreeNode rootNode,int preFix)

{

DataSet ds=SqlHelper.ExecuteDataset(sqlConn,"sp_loadUNSPSCCodeByLevel",preFix);

//dg.DataSource=ds;

//dg.DataBind();

foreach(DataRow r in ds.Tables[0].Rows)

{

TreeNode t=new TreeNode();

TreeNode loadNode=new TreeNode();

loadNode.Text="Loading......";

t.Text=r.ItemArray[0].ToString()+" "+r.ItemArray[1].ToString();

t.NodeData=r.ItemArray[0].ToString();

if(t.NodeData.EndsWith("00"))

{t.Nodes.Add(loadNode);}

rootNode.Nodes.Add(t);

}

最终的前台为：

<%@ Page language="c#" Codebehind="AjaxTree.aspx.cs" AutoEventWireup="false" Inherits="Workplace.Test.AjaxTree" %>

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>AjaxTree</title>

var Index;

function ds()

{

AjaxTree.returnDs(TreeView1.getTreeNode(Index).getAttribute("NodeData"),returnDs_callback);

}

function returnDs_callback(response)

{

var n=TreeView1.getTreeNode(Index);

var load=n.getChildren();

if(load.length!=1){

return;//如果已经存在数据，那就不再读取。

}

else

{

var loadNode=load[0];

loadNode.remove();

}

var ds=response.value;

if(ds!=null && ds.Tables!=null && typeof(ds)=="object")

{

for(var i=0;i<ds.Tables[0].Rows.length;i++)

{

var newNode=TreeView1.createTreeNode();

newNode.setAttribute("NodeData",ds.Tables[0].Rows[i].OrderID);

//newNode.setAttribute("Text",ds.Tables[0].Rows[i].UNSPSCCode+" "+ds.Tables[0].Rows[i].Description);

newNode.setAttribute("Text",ds.Tables[0].Rows[i].OrderID+" "+ds.Tables[0].Rows[i].CustomerID);

//注意这边必须为OrderID，CustomerID即列名要不就是无法显示

if(newNode.getAttribute("NodeData")%10==0)

{

var loadNode=TreeView1.createTreeNode();

loadNode.setAttribute("Text","Loading......");

newNode.add(loadNode);

}

n.add(newNode);

}

else{alert(response.error);}

}

</script>

//TODO：在此处填写TreeView的OnExpand事件的代码。

Index= window.event.treeNodeIndex;//获得展开的节点的位置，根节点为0。

if(Index=='0')return;//如果是根节点的话就直接返回。

ds();

</script>

</HEAD>

<asp:label id="Label1" runat="server">Label</asp:label></FONT>

<iewc:TreeView id="TreeView1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 64px" runat="server"></iewc:TreeView>

</form>

</body>

</HTML>

后台为：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Data.SqlClient;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using Microsoft.Web.UI.WebControls;

using Microsoft.ApplicationBlocks.Data;

namespace Workplace.Test

{

/// <summary>

/// AjaxTree 的摘要说明。

/// </summary>

public class AjaxTree : System.Web.UI.Page

{

protected System.Web.UI.WebControls.Label Label1;

public System.Data.SqlClient.SqlConnection sqlConn;

protected Microsoft.Web.UI.WebControls.TreeView TreeView1;

private TreeNode LoadNode;

private void Page_Load(object sender, System.EventArgs e)

{

BorgWorX.Web.Core.Ajax.Utility.RegisterTypeForAjax(typeof(AjaxTree));

// 在此处放置用户代码以初始化页面

LoadNode=new TreeNode();

LoadNode.Text="Loading......";

LoadNode.ID="load";

if(!IsPostBack)

{

TreeNode root=new TreeNode();

root.Text="Root";

//root.Nodes.Add(LoadNode);

TreeView1.Nodes.Add(root);

loadData(root,0);

root.Expanded=true;

}

Web 窗体设计器生成的代码

private int getPreFix(string code)

{

string tempStr;

while(code.EndsWith("1"))

{

code=code.Remove(code.Length-2,2);

}

tempStr=code;

return tempStr.Length==0?0:Convert.ToInt32(tempStr);

}

/// <summary>

///

/// </summary>

/// <param name="path"></param>

/// <returns></returns>

private TreeNode getNode(string path)

{

TreeNode t=TreeView1.GetNodeFromIndex(path);

return t;

}

/// <summary>

///以某个节点为父节点添加节点

/// </summary>

/// <param name="rootNode"></param>

/// <param name="preFix"></param>

private void loadData(TreeNode rootNode,int preFix)

{

string strSelectRoot="select * from Employees";

SqlDataAdapter daRoot =new SqlDataAdapter(strSelectRoot,sqlConn);

DataSet ds=new DataSet();

daRoot.Fill(ds);

// DataSet ds=SqlHelper.ExecuteDataset(sqlConn,"sp_loadUNSPSCCodeByLevel",preFix);

//dg.DataSource=ds;

//dg.DataBind();

foreach(DataRow r in ds.Tables[0].Rows)

{

TreeNode t=new TreeNode();

TreeNode loadNode=new TreeNode();

loadNode.Text="加载中......";

t.Text=r.ItemArray[0].ToString()+" "+r.ItemArray[1].ToString();

t.NodeData=r.ItemArray[0].ToString();

if(t.NodeData.EndsWith("1"))

{

}

else

{

t.Nodes.Add(loadNode);

}

rootNode.Nodes.Add(t);

}

//[Ajax.AjaxMethod()]

[BorgWorX.Web.Core.Ajax.AjaxMethod()]

public DataSet returnDs(string PreFix)

{

int preFix=getPreFix(PreFix);

// string str="workstation id=SCS-DINGSEA;packet size=4096;user=sa;data source=SCS-DINGSEA;persist security info=True;initial catalog=GEPS;password=sa";

// string str="workstation id=ACE;packet size=4096;user id=sa;data source="10.7.1.113";persist s" +

// "ecurity info=True;initial catalog=Northwind;password=sa";

// DataSet ds=SqlHelper.ExecuteDataset(str,"sp_loadUNSPSCCodeByLevel",preFix);

SqlConnection connSel=new SqlConnection("workstation id=ACE;packet size=4096;user id=sa;data source="10.7.1.113";persist security info=True;initial catalog=Northwind;password=sa");

string strSelectRoot="select * from orders";

SqlDataAdapter daRoot =new SqlDataAdapter(strSelectRoot,connSel);

DataSet ds=new DataSet();

daRoot.Fill(ds);

return ds;

}

当然，Web.config还是要改的

<?xml version="1.0" encoding="utf-8"?>

</appSettings>

<system.web>

</httpHandlers>

<!-- 动态调试编译

设置 compilation debug="true" 以启用 ASPX 调试。否则，将此值设置为

false 将提高此应用程序的运行时性能。

设置 compilation debug="true" 以将调试符号(.pdb 信息)

插入到编译页中。因为这将创建执行起来

较慢的大文件，所以应该只在调试时将此值设置为 true，而在所有其他时候都设置为

false。有关更多信息，请参考有关

调试 ASP.NET 文件的文档。

-->

<!-- 自定义错误信息

设置 customErrors mode="On" 或 "RemoteOnly" 以启用自定义错误信息，或设置为 "Off" 以禁用自定义错误信息。

为每个要处理的错误添加 <error> 标记。

"On" 始终显示自定义(友好的)信息。

"Off" 始终显示详细的 ASP.NET 错误信息。

"RemoteOnly" 只对不在本地 Web 服务器上运行的

用户显示自定义(友好的)信息。出于安全目的，建议使用此设置，以便

不向远程客户端显示应用程序的详细信息。

-->

<!-- 身份验证

此节设置应用程序的身份验证策略。可能的模式是 "Windows"、

"Forms"、 "Passport" 和 "None"

"None" 不执行身份验证。

"Windows" IIS 根据应用程序的设置执行身份验证

(基本、简要或集成 Windows)。在 IIS 中必须禁用匿名访问。

"Forms" 您为用户提供一个输入凭据的自定义窗体(Web 页)，然后

在您的应用程序中验证他们的身份。用户凭据标记存储在 Cookie 中。

"Passport" 身份验证是通过 Microsoft 的集中身份验证服务执行的，

它为成员站点提供单独登录和核心配置文件服务。

-->

<!-- 授权

此节设置应用程序的授权策略。可以允许或拒绝不同的用户或角色访问

应用程序资源。通配符: "*" 表示任何人，"?" 表示匿名

(未经身份验证的)用户。

-->

<!-- <allow users="[逗号分隔的用户列表]"

roles="[逗号分隔的角色列表]"/>

<deny users="[逗号分隔的用户列表]"

roles="[逗号分隔的角色列表]"/>

-->

</authorization>

<!-- 应用程序级别跟踪记录

应用程序级别跟踪为应用程序中的每一页启用跟踪日志输出。

设置 trace enabled="true" 可以启用应用程序跟踪记录。如果 pageOutput="true"，则

在每一页的底部显示跟踪信息。否则，可以通过浏览 Web 应用程序

根目录中的 "trace.axd" 页来查看

应用程序跟踪日志。

-->

<!-- 会话状态设置

默认情况下，ASP.NET 使用 Cookie 来标识哪些请求属于特定的会话。

如果 Cookie 不可用，则可以通过将会话标识符添加到 URL 来跟踪会话。

若要禁用 Cookie，请设置 sessionState cookieless="true"。

-->

<!-- 全球化

此节设置应用程序的全球化设置。

-->

</system.web>

</configuration>