Tree管理页面 (代码在前面的文章里。因为ACCESS数据库的限制, 只能支持到63层 -_-, 用SqlServer可以支持到1970多层 够用了吧 ^_^)
服务器端TreeView代码:
<%
@ Page language="c#" AutoEventWireup="false"
%>
<% @ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
< HTML >
< HEAD >
< TITLE > TreeView </ TITLE >
< STYLE >
BODY {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top; TEXT-ALIGN: center }
TABLE {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
TD {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
INPUT {}{ FONT-SIZE: 9pt }
</ STYLE >
</ HEAD >
< BODY >
< FORM id ="Form1" method ="post" runat ="server" >
< ASP:PANEL id ="pnlTreeView" runat ="server" enableviewstate ="False" horizontalalign ="Left" width ="400px" >
< IEWC:TREEVIEW id ="tv" runat ="server" enableviewstate ="False" treenodexsltsrc ="treeview.xsl" treenodesrc ="tree.xml" >
</ IEWC:TREEVIEW >
</ ASP:PANEL >
</ FORM >
</ BODY >
</ HTML >
<% @ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
< HTML >
< HEAD >
< TITLE > TreeView </ TITLE >
< STYLE >
BODY {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top; TEXT-ALIGN: center }
TABLE {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
TD {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
INPUT {}{ FONT-SIZE: 9pt }
</ STYLE >
</ HEAD >
< BODY >
< FORM id ="Form1" method ="post" runat ="server" >
< ASP:PANEL id ="pnlTreeView" runat ="server" enableviewstate ="False" horizontalalign ="Left" width ="400px" >
< IEWC:TREEVIEW id ="tv" runat ="server" enableviewstate ="False" treenodexsltsrc ="treeview.xsl" treenodesrc ="tree.xml" >
</ IEWC:TREEVIEW >
</ ASP:PANEL >
</ FORM >
</ BODY >
</ HTML >
客户端TreeView代码:
<
HTML
>
< HEAD >
< TITLE > TreeView Client </ TITLE >
< STYLE >
BODY {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top; TEXT-ALIGN: center }
TABLE {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
TD {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
INPUT {}{ FONT-SIZE: 9pt }
</ STYLE >
< SCRIPT language ="jscript" >
function placexml(spanid)
{
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
var xslDoc = new ActiveXObject("Msxml2.DOMDocument");
xmlDoc.async = false;
xslDoc.async = false;
xmlDoc.load("tree.xml");
xslDoc.load("treeview_client.xsl");
var xhtmlDoc = xmlDoc.transformNode(xslDoc);
document.all(spanid).innerHTML = xhtmlDoc;
}
</ SCRIPT >
</ HEAD >
< BODY onload ="placexml('spantv');" >< DIV id ="pnlTreeView" align ="Left" style ="width:400px;" >
<? XML:namespace prefix=TVNS />
<?IMPORT NAMESPACE=TVNS IMPLEMENTATION="webctrl_client/1_0/treeview.htc" />
<SPAN id="spantv"></SPAN></DIV>
</BODY>
</HTML>
< HEAD >
< TITLE > TreeView Client </ TITLE >
< STYLE >
BODY {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top; TEXT-ALIGN: center }
TABLE {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
TD {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
INPUT {}{ FONT-SIZE: 9pt }
</ STYLE >
< SCRIPT language ="jscript" >
function placexml(spanid)
{
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
var xslDoc = new ActiveXObject("Msxml2.DOMDocument");
xmlDoc.async = false;
xslDoc.async = false;
xmlDoc.load("tree.xml");
xslDoc.load("treeview_client.xsl");
var xhtmlDoc = xmlDoc.transformNode(xslDoc);
document.all(spanid).innerHTML = xhtmlDoc;
}
</ SCRIPT >
</ HEAD >
< BODY onload ="placexml('spantv');" >< DIV id ="pnlTreeView" align ="Left" style ="width:400px;" >
<? XML:namespace prefix=TVNS />
<?IMPORT NAMESPACE=TVNS IMPLEMENTATION="webctrl_client/1_0/treeview.htc" />
<SPAN id="spantv"></SPAN></DIV>
</BODY>
</HTML>