简单无限级树 HTML代码

该博客展示了一个简单无限级树示例的代码实现。使用C#语言,引入多个命名空间,结合HTML进行页面布局。页面包含添加、更新、删除分类等操作的文本框和按钮,可对数据表中的分类信息进行管理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<%@ Page language="c#" %>
<%@ Import namespace="System.Data" %>
<%@ Import namespace="System.Data.OleDb" %>
<%@ Import namespace="System.Text" %>

<!--
数据表: [tree]
字段1: [treeid] 自动编号/主键
字段2: [treetitle] 文本 长度50
字段3: [treenode] 文本 长度50/唯一索引
-->
<SCRIPT language="C#" runat="server">

</SCRIPT>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    
<HEAD>
        
<TITLE>tree</TITLE>
        
<META name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
        
<META name="CODE_LANGUAGE" content="C#">
        
<META name="vs_defaultClientScript" content="JavaScript">
        
<META name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        
<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:LABEL id="lblPrompt" runat="server" enableviewstate="False" font-bold="True">简单无限级树示例</ASP:LABEL><BR>
            
<BR>
            
<SPAN style="BORDER-RIGHT: #000000 1px dotted; BORDER-TOP: #000000 1px dotted; BORDER-LEFT: #000000 1px dotted; WIDTH: 200px; BORDER-BOTTOM: #000000 1px dotted; TEXT-ALIGN: left">
                
<href="tree.aspx?treeid=0">顶级分类</A>
                
<ASP:LABEL id="lblTree" runat="server" enableviewstate="False"></ASP:LABEL></SPAN>
            
<SPAN style="WIDTH: 400px">
                
<TABLE width="100%" border="0" cellspacing="1" cellpadding="4">
                    
<TR>
                        
<TD align="right" width="100">当前分类:</TD>
                        
<TD>
                            
<ASP:LABEL id="lblTreeTitle" runat="server" enableviewstate="False" font-bold="True"></ASP:LABEL><INPUT id="hidTreeid" type="hidden" name="hidTreeid" runat="server"></TD>
                    
</TR>
                    
<TR>
                        
<TD align="right" width="100">添加子分类:</TD>
                        
<TD>
                            
<ASP:REQUIREDFIELDVALIDATOR id="reqValAddTree" runat="server" enableviewstate="False" errormessage="*" display="Dynamic"
                                controltovalidate
="txtAddTree"></ASP:REQUIREDFIELDVALIDATOR>
                            
<ASP:TEXTBOX id="txtAddTree" runat="server" enableviewstate="False" maxlength="20"></ASP:TEXTBOX>
                            
<ASP:BUTTON id="btnAdd" runat="server" enableviewstate="False" width="80px" text="添加"></ASP:BUTTON></TD>
                    
</TR>
                    
<TR>
                        
<TD align="right" width="100">更新当前分类:</TD>
                        
<TD>
                            
<ASP:TEXTBOX id="txtUpdateTree" runat="server" enableviewstate="False" maxlength="20"></ASP:TEXTBOX>
                            
<ASP:BUTTON id="btnUpdate" runat="server" enableviewstate="False" width="80px" causesvalidation="False"
                                text
="更新"></ASP:BUTTON></TD>
                    
</TR>
                    
<TR>
                        
<TD align="right" width="100">删除当前分类:</TD>
                        
<TD>
                            
<ASP:BUTTON id="btnDelete" runat="server" enableviewstate="False" width="80px" causesvalidation="False"
                                text
="删除"></ASP:BUTTON></TD>
                    
</TR>
                    
<TR>
                        
<TD align="right" width="100"></TD>
                        
<TD></TD>
                    
</TR>
                
</TABLE>
            
</SPAN>
        
</FORM>
    
</BODY>
</HTML>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值