1.html代码
<HTML>
<HEAD>
<title>TreeView</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<SCRIPT type="text/javascript">
function UltraWebTree1_DragStart(oTree, oNode, oDataTransfer, oEvent)
{
//debugger;
oDataTransfer.dataTransfer.setData("Text", oNode.getText());
oDataTransfer.dataTransfer.effectAllowed = "move";
}
function UltraWebTree1_Drop(oTree, oNode, oDataTransfer, oEvent)
{
//debugger;
if(oNode.getParent()!=null)
{
alert("Please make sure that the form is moved to a case and try again.");
return false;
}
var sourceNode = oDataTransfer.sourceObject;
if(sourceNode.getParent()==null)
{
alert("Please make sure that the form is moved to a case and try again.");
return false;
}
oNode.addChild(oDataTransfer.dataTransfer.getData("Text"));
oNode.setExpanded(true);
if(sourceNode)
{
sourceNode.remove();
}
return false;
}
</SCRIPT>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<TABLE id="Table1" height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<TR vAlign="top" height="100%">
<TD colSpan="2"><ignav:ultrawebtree id="UltraWebTree1" runat="server" AllowDrop="True" AllowDrag="True" BorderStyle="Groove"
BackColor="#E0E0E0" BrowserTarget="Auto" Cursor="hand" WebTreeTarget="HierarchicalTree" AutoPostBack="False"
Editable="False" Height="100%" Width="100%" BorderWidth="3px">
<SelectedNodeStyle ForeColor="White" BackColor="DarkBlue"></SelectedNodeStyle>
<Padding Top="5px"></Padding>
<Levels>
<ignav:Level Index="0"></ignav:Level>
<ignav:Level Index="1"></ignav:Level>
<ignav:Level Index="2"></ignav:Level>
</Levels>
<Styles>
<ignav:Style CssClass="DefaultItemClass"></ignav:Style>
<ignav:Style Cursor="Hand" Font-Underline="True" Font-Names="Arial" ForeColor="#FF8000" BackColor="PaleGoldenrod"
CssClass="HoverClass"></ignav:Style>
<ignav:Style ForeColor="White" BackColor="Tan" CssClass="HiliteClass"></ignav:Style>
</Styles>
<ClientSideEvents AfterNodeSelectionChange="AfterNodeSelChange" DragStart="UltraWebTree1_DragStart"
Drop="UltraWebTree1_Drop"></ClientSideEvents>
</ignav:ultrawebtree></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>
2.cs代码
//using Infragistics.WebUI.UltraWebNavigator;
public class TreeView : System.Web.UI.Page
{
protected Infragistics.WebUI.UltraWebNavigator.UltraWebTree UltraWebTree1;
private void Page_Load(object sender, System.EventArgs e)
{
if(!Page.IsPostBack)
{
UltraWebTree1.Nodes.Clear();
BindTree(UltraWebTree1.Nodes,ds.Tables[0],"0");
}
}
private void BindTree(Infragistics.WebUI.UltraWebNavigator.Nodes Nds,DataTable dt,string id)
{
DataView dv = new DataView(dt);
dv.RowFilter = "parentid = '"+id.ToString()+"'";
Node node;
foreach(DataRowView drv in dv)
{
node=new Node();
node.Tag=drv["id"].ToString();
node.Text=drv["name"].ToString();
node.Expanded=true;
Nds.Add(node);
BindTree(node.Nodes,dt,drv["id"].ToString());
}
}
Web Form Designer generated code
GetData
<HTML> <HEAD> <title>TreeView</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta content="C#" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> <SCRIPT type="text/javascript"> 
function UltraWebTree1_DragStart(oTree, oNode, oDataTransfer, oEvent) { //debugger; oDataTransfer.dataTransfer.setData("Text", oNode.getText()); oDataTransfer.dataTransfer.effectAllowed = "move"; } function UltraWebTree1_Drop(oTree, oNode, oDataTransfer, oEvent) { //debugger; if(oNode.getParent()!=null) { alert("Please make sure that the form is moved to a case and try again."); return false; } var sourceNode = oDataTransfer.sourceObject; if(sourceNode.getParent()==null) { alert("Please make sure that the form is moved to a case and try again."); return false; } oNode.addChild(oDataTransfer.dataTransfer.getData("Text")); oNode.setExpanded(true); if(sourceNode) { sourceNode.remove(); } return false; } </SCRIPT> </HEAD> <body> <form id="Form1" method="post" runat="server"> <TABLE id="Table1" height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <TR vAlign="top" height="100%"> <TD colSpan="2"><ignav:ultrawebtree id="UltraWebTree1" runat="server" AllowDrop="True" AllowDrag="True" BorderStyle="Groove" BackColor="#E0E0E0" BrowserTarget="Auto" Cursor="hand" WebTreeTarget="HierarchicalTree" AutoPostBack="False" Editable="False" Height="100%" Width="100%" BorderWidth="3px"> <SelectedNodeStyle ForeColor="White" BackColor="DarkBlue"></SelectedNodeStyle> <Padding Top="5px"></Padding> <Levels> <ignav:Level Index="0"></ignav:Level> <ignav:Level Index="1"></ignav:Level> <ignav:Level Index="2"></ignav:Level> </Levels> <Styles> <ignav:Style CssClass="DefaultItemClass"></ignav:Style> <ignav:Style Cursor="Hand" Font-Underline="True" Font-Names="Arial" ForeColor="#FF8000" BackColor="PaleGoldenrod" CssClass="HoverClass"></ignav:Style> <ignav:Style ForeColor="White" BackColor="Tan" CssClass="HiliteClass"></ignav:Style> </Styles> <ClientSideEvents AfterNodeSelectionChange="AfterNodeSelChange" DragStart="UltraWebTree1_DragStart" Drop="UltraWebTree1_Drop"></ClientSideEvents> </ignav:ultrawebtree></TD> </TR> </TABLE> </form> </body></HTML>2.cs代码
//using Infragistics.WebUI.UltraWebNavigator; public class TreeView : System.Web.UI.Page { protected Infragistics.WebUI.UltraWebNavigator.UltraWebTree UltraWebTree1; private void Page_Load(object sender, System.EventArgs e) { if(!Page.IsPostBack) { UltraWebTree1.Nodes.Clear(); BindTree(UltraWebTree1.Nodes,ds.Tables[0],"0"); } } private void BindTree(Infragistics.WebUI.UltraWebNavigator.Nodes Nds,DataTable dt,string id) { DataView dv = new DataView(dt); dv.RowFilter = "parentid = '"+id.ToString()+"'"; Node node; foreach(DataRowView drv in dv) { node=new Node(); node.Tag=drv["id"].ToString(); node.Text=drv["name"].ToString(); node.Expanded=true; Nds.Add(node); BindTree(node.Nodes,dt,drv["id"].ToString()); } } Web Form Designer generated code GetData