表格对象的运用 table dropdownlist

最新推荐文章于 2025-11-01 12:40:42 发布

原创最新推荐文章于 2025-11-01 12:40:42 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ASP #UI #Web #XHTML #J#

asp.net 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用ASP.NET实现的动态表格生成示例，通过下拉列表选择行数和列数，点击按钮即可生成相应大小的表格，并在每个单元格内显示其坐标位置。

根据dropdownlist选择行、列确定表格

using System;
using System.Data;
using System.Configuration;
using System.Collections;
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;

public partial class Default3 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
    
        int row = int.Parse(this.DropDownList1.SelectedValue);//将选中的值转换
        int cell = int.Parse(this.DropDownList2.SelectedValue);
        for (int i = 1; i <= row; i++) { //行索引

            TableRow tr = new TableRow();//创建表格行对象
            for (int j = 1; j<=cell; j++) { //列索引
            
                TableCell tc=new TableCell();//创建单元格对象
                Label lbl = new Label();//创建标签对象
                lbl.Text= i.ToString() + "行" + j.ToString() + "列";//将选择的值以坐标方式显示在标签上
                tc.Controls.Add(lbl);//将标签对象添加到单元格中
                tr.Controls.Add(tc);//将单元格添加到行中
            
            }
            Table1.Controls.Add(tr);//将行对象添加到表格对象
        }

    }
}



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!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>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem>4</asp:ListItem>
        </asp:DropDownList>行<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True">
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem>4</asp:ListItem>
        </asp:DropDownList>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="显示" /><br />
        <br />
        <asp:Table ID="Table1" runat="server" Height="144px" Width="295px">
        </asp:Table>
    
    </div>
    </form>
</body>
</html>