如何最好地在 ASP.NET 中填充 HTML 表？

Posted 2023-03-04

技术标签:

【中文标题】如何最好地在 ASP.NET 中填充 HTML 表？【英文标题】：How do I best populate an HTML table in ASP.NET? 【发布时间】：2010-09-07 19:30:03 【问题描述】：

这就是我所拥有的。有用。但是，有没有更简单或更好的方法？

ASPX 页面…

<asp:Repeater ID="RepeaterBooks" runat="server">
    <HeaderTemplate>
        <table class="report">
            <tr>
                <th>Published</th>
                <th>Title</th>
                <th>Author</th>
                <th>Price</th>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
            <tr>
                <td><asp:Literal ID="LiteralPublished" runat="server" /></td>
                <td><asp:Literal ID="LiteralTitle" runat="server" /></td>
                <td><asp:Literal ID="LiteralAuthor" runat="server" /></td>
                <td><asp:Literal ID="LiteralPrice" runat="server" /></td>
            </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

ASPX.VB 代码背后...

Protected Sub Page_Load( ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    Dim db As New BookstoreDataContext
    RepeaterBooks.DataSource = From b In db.Books _
                               Order By b.Published _
                               Select b
    RepeaterBooks.DataBind()
End Sub

Sub RepeaterBooks_ItemDataBound( ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs) Handles RepeaterBooks.ItemDataBound
    If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
        Dim b As Book = DirectCast(e.Item.DataItem, Book)
        DirectCast(e.Item.FindControl("LiteralPublished"), Literal).Text = "<nobr>" + b.Published.ToShortDateString + "</nobr>"
        DirectCast(e.Item.FindControl("LiteralTitle"), Literal).Text = "<nobr>" + TryNbsp(HttpContext.Current.Server.htmlEncode(b.Title)) + "</nobr>"
        DirectCast(e.Item.FindControl("LiteralAuthor"), Literal).Text = "<nobr>" + TryNbsp(HttpContext.Current.Server.HtmlEncode(b.Author)) + "</nobr>"
        DirectCast(e.Item.FindControl("LiteralPrice"), Literal).Text = "<nobr>" + Format(b.Price, "c") + "</nobr>"
    End If
End Sub

Function TryNbsp(ByVal s As String) As String
    If s = "" Then
        Return "&nbsp;"
    Else
        Return s
    End If
End Function

【问题讨论】：

【参考方案1】：

@杰夫

这种 Eval 语句实际上是在 2.0 中添加的，但如果性能很重要，则应避免使用 Eval，因为它使用反射。

中继器是一种很好的方法，尽管在代码中生成表格可能会更快：

ASPX 页面：

<table class="report" id="bookTable" runat="server">
        <tr>
            <th>Published</th>
            <th>Title</th>
            <th>Author</th>
            <th>Price</th>
        </tr>
 </table>

代码背后：

Protected Sub Page_Load( ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not Page.IsPostback Then
        BuildTable()
    End If
End Sub

Private Sub BuildTable()
    Dim db As New BookstoreDataContext
    Dim bookCollection = from b in db.Books _
                         Order By b.Published _
                         Select b
    Dim row As HtmlTableRow
    Dim cell As HtmlTableCell

    For Each book As Books In bookCollection
        row = New HtmlTableRow()
        cell = New HtmlTableCell With  .InnerText = b.Published.ToShortDateString 
        row.Controls.Add(cell)
        cell = New HtmlTableCell With  .InnerText = TryNbsp(HttpContext.Current.Server.HtmlEncode(b.Title)) 
        row.Controls.Add(cell)
        cell = New HtmlTableCell With  .InnerText = TryNbsp(HttpContext.Current.Server.HtmlEncode(b.Author))
        row.Controls.Add(cell)
        cell = New HtmlTableCell With  .InnerText = Format(b.Price, "c") 
        row.Controls.Add(cell)
        bookTable.Controls.Add(row)
    Next

我想这取决于速度对您来说有多重要。为简单起见，我想我会选择中继器。

【讨论】：

【参考方案2】：

框架 3.5 引入的 ListView 控件可能是更好的解决方案。您的标记将如下所示：

<asp:ListView runat="server" ID="ListView1"
    DataSourceID="SqlDataSource1">
  <LayoutTemplate>
    <table runat="server" id="table1" runat="server" >
      <tr runat="server" id="itemPlaceholder" ></tr>
    </table>
  </LayoutTemplate>
  <ItemTemplate>
    <tr runat="server">
      <td runat="server">
        <asp:Label ID="NameLabel" runat="server"
          Text='<%#Eval("Name") %>' />
      </td>
    </tr>
  </ItemTemplate>
</asp:ListView>

您需要通过代码隐藏类中的公共或私有属性设置数据源 ID。

【讨论】：

【参考方案3】：

在 .Net 3.0+ 中，您可以通过执行以下操作将 ItemDataBound 替换为 asp:Literal：

<ItemTemplate>
            <tr>
                <td><%# Eval("published") %></td>
                ...

其中“已发布”是您绑定到转发器的数据中的字段名称

编辑： @Alassek：我认为反射对性能的影响往往被过分强调了。显然，您需要对应用程序的性能进行基准测试，但 Eval 的命中率可能以毫秒为单位。除非您的应用程序提供许多并发点击，否则这可能不是问题，并且使用 Eval 的代码的简单性，以及它很好地分离表示，使其成为一个很好的解决方案。

【讨论】：

【参考方案4】：

这就是 GridView 的用途。

<asp:GridView runat="server" DataSourceID="SqlDataSource1">
   <Columns>
      <asp:BoundField HeaderText="Published" DataField="Published" />
      <asp:BoundField HeaderText="Author" DataField="Author" />
   </Columns>
</asp:GridView>

【讨论】：

【参考方案5】：

我会使用 GridView（或 DataGrid，如果您使用的是旧版本的 ASP.NET）。

<asp:GridView ID="gvBooks" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField HeaderText="Published" DataField="Published" />
        <asp:BoundField HeaderText="Title" DataField="Title" />                     
        <asp:BoundField HeaderText="Author" DataField="Author" />
        <asp:BoundField HeaderText="Price" DataField="Price" />
    </Columns>
</asp:GridView>

有一些代码隐藏：

Private Sub gvBooksRowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles gvBooks.RowDataBound
     Select Case e.Row.RowType
        Case DataControlRowType.DataRow

            ''' Your code here '''

     End Select
End Sub

你可以用类似的方式绑定它。 RowDataBound 事件就是您所需要的。

【讨论】：

【参考方案6】：

我同意 Geoff 的观点，我们唯一使用 Literals 是如果我们想对数据做一些不同的事情。例如，我们可能希望 DueDate 字段显示“今天”或“昨天”而不是实际日期。

【讨论】：

【参考方案7】：