ASP.NET（WebForm）快捷编辑表格

稻园

已于 2023-12-12 17:04:02 修改

阅读量1k

点赞数 10

CC 4.0 BY-SA版权

文章标签： asp.net 数据库后端

于 2023-12-12 15:41:13 首次发布

本文链接：https://blog.csdn.net/loody1/article/details/134950990

本文介绍了如何在ASP.NET中使用HTMLTable进行数据添加、内容读取和直接编辑，包括使用HtmlTableRow和HtmlTableCell创建表格，以及通过InnerText获取和Attributes设置单元格内容的可编辑性。

如想修改ASP.NET控件GridView中的内容，需在每行增加“编辑”按钮，点击启动该行的编辑，较为不便。在前台使用HTML的Table，在后台管理非常方便，本文主要介绍以下三方面：

1.添加数据（HtmlTableRow、HtmlTableCell方法）

2.读取表格内容（单元格的InnerText方法）

3.直接编辑表格数据（单元格的Attributes方法）

1.新建“web窗体”

2.在aspx文件的“body”块中添加如下代码

<body>
    <table id="testTable1" class="table" runat="server" border="1"/>  <%-- 初始化表格 --%>
    <form id="form1" runat="server">
        <div>
            <br />
            <br />
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <%-- 添加服务器控件label，用于验证获取表格内容 --%>
        </div>
    </form>
</body>

3.在cs文件中添加如下代码（未操作步骤四的单元格，不能编辑）

protected void Page_Load(object sender, EventArgs e)
{
    //一、为表格添加内容
    for (int i = 0; i < 8; i++)
    {
        HtmlTableRow htr = new HtmlTableRow();  //新建一个行
        for (int j = 0; j < 6; j++)  //在行中逐个添加单元格数据
        {
            HtmlTableCell htc = new HtmlTableCell();
            htc.InnerHtml = "Row" + i.ToString() + ",Col" + j.ToString();
            htr.Cells.Add(htc);
        }
        testTable1.Rows.Add(htr);  //把行插入表格中
    }
    testTable1.Rows[5].Cells[2].BgColor = "yellow";  //二、修改指定单元格颜色（便于识别）
    Label1.Text = "Label get text:" + testTable1.Rows[5].Cells[2].InnerText;  //三、获取（设置）指定单元格内容，传递给ASP.NET自带的控件

    testTable1.Rows[5].Cells[2].Attributes.Add("contentEditable", "true");  //四、给指定单元格，从后台添加可编辑的属性
}