C# Web控件与数据感应之 填充 HtmlTable

C# Web控件与数据感应之 填充 HtmlTable

在C#中，特别是在ASP.NET Web Forms应用中，你可能会遇到需要将数据动态填充到HTML表格（HtmlTable）中的场景。这通常涉及到遍历数据源（如数据库查询结果、集合等），并为每个数据项创建表格行（HtmlTableRow）和单元格（HtmlTableCell），然后将其添加到HtmlTable控件中。

下面是一个简单的示例，展示了如何从一个假设的数据源（这里我们使用一个字符串数组来模拟）中填充一个HtmlTable：

示例：填充HtmlTable

首先，在你的ASP.NET页面上，你需要有一个HtmlTable控件。你可以在ASPX文件中这样定义它：

<asp:HtmlTable ID="HtmlTable1" runat="server"></asp:HtmlTable>

然后，在你的后台代码（C#）中，你可以使用以下方法来填充这个HtmlTable：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 假设的数据源
        string[] data = { "苹果", "香蕉", "橙子", "葡萄" };

        // 填充HtmlTable
        FillHtmlTable(HtmlTable1, data);
    }
}

private void FillHtmlTable(HtmlTable htmlTable, string[] data)
{
    // 遍历数据源
    foreach (var item in data)
    {
        // 创建一个新的表格行
        HtmlTableRow row = new HtmlTableRow();

        // 为每个数据项创建一个单元格
        HtmlTableCell cell = new HtmlTableCell();
        cell.InnerText = item; // 设置单元格的文本内容

        // 将单元格添加到行中
        row.Cells.Add(cell);

        // 将行添加到表格中
        htmlTable.Rows.Add(row);
    }
}

在这个例子中，我们创建了一个名为FillHtmlTable的方法，它接受一个HtmlTable和一个字符串数组作为参数。方法内部，我们遍历数组中的每个元素，为每个元素创建一个新的HtmlTableRow和HtmlTableCell，并将元素的值设置为单元格的文本内容。然后，我们将单元格添加到行中，再将行添加到表格中。

注意事项

• 上面的例子仅展示了如何填充单列的表格。如果你需要填充多列，你可能需要在遍历数据源时创建多个HtmlTableCell对象，并将它们添加到同一行中。
• 对于更复杂的数据源（如数据库查询结果），你可能需要使用SqlDataReader、DataTable、List<T>等集合类型，并相应地调整遍历逻辑。
• 在Web Forms中，HtmlTable控件通常用于生成静态或动态HTML表格。然而，对于更复杂的数据展示需求，你可能还想考虑使用GridView、DataList或Repeater等更高级的数据控件，它们提供了更丰富的功能和更好的性能。

如何在C#中创建HTML表格

在C#中创建HTML表格通常意味着你正在构建一个字符串，该字符串包含了HTML表格的标记（tags）。这个过程可能是在ASP.NET Web Forms、ASP.NET MVC、ASP.NET Core MVC、Razor Pages 或任何生成HTML内容的C#应用程序中进行的。

以下是一个简单的示例，展示了如何在C#中构建一个包含静态数据的HTML表格字符串：

using System;
using System.Text;

class Program
{
    static void Main()
    {
        // 创建一个StringBuilder来构建HTML字符串
        StringBuilder htmlBuilder = new StringBuilder();

        // 开始HTML表格
        htmlBuilder.AppendLine("<table border='1'>");

        // 添加表头
        htmlBuilder.AppendLine("<tr>");
        htmlBuilder.AppendLine("<th>ID</th>");
        htmlBuilder.AppendLine("<th>Name</th>");
        htmlBuilder.AppendLine("<th>Age</th>");
        htmlBuilder.AppendLine("</tr>");

        // 添加几行数据
        for (int i = 1; i <= 3; i++)
        {
            htmlBuilder.AppendLine("<tr>");
            htmlBuilder.AppendLine($"<td>{i}</td>");
            htmlBuilder.AppendLine($"<td>Name {i}</td>");
            htmlBuilder.AppendLine($"<td>{30 + i}</td>");
            htmlBuilder.AppendLine("</tr>");
        }

        // 结束HTML表格
        htmlBuilder.AppendLine("</table>");

        // 输出或使用HTML字符串
        string htmlTable = htmlBuilder.ToString();
        Console.WriteLine(htmlTable);

        // 在Web应用中，你可能会将htmlTable赋值给一个Response对象，或者作为一个Razor视图的Model属性
    }
}

在ASP.NET MVC或ASP.NET Core MVC等Web框架中，你通常不会直接在控制器中构建HTML字符串。相反，你会使用Razor视图引擎来生成HTML。但是，上面的示例演示了如何在C#中手动构建HTML字符串，这在某些情况下（如动态生成电子邮件内容或构建简单的HTML报告）可能是有用的。

在Web应用中，如果你正在使用Razor视图，你可能会这样做：

@model List<MyModel>

<table border="1">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Age</th>
    </tr>
    @foreach (var item in Model)
    {
        <tr>
            <td>@item.Id</td>
            <td>@item.Name</td>
            <td>@item.Age</td>
        </tr>
    }
</table>

在这个Razor视图中，Model是一个List<MyModel>类型的对象，其中MyModel是一个包含Id、Name和Age属性的类。Razor引擎会遍历Model中的每个元素，并为每个元素生成一个表格行。这种方法比手动构建HTML字符串更加清晰和易于维护。