使用数据集内容(包括列)呈现 Div

Question

>我正在努力将我的数据集内容呈现为 DIV 标签，并以列名作为标题。

我试图在这样的结构中获取它：

<div class="dataset">
        <div class="dsheader">
           <div class="dscell"><h6>Staff Name</h6></div>
           <div class="dscell"><h6>Accrued Hours</h6></div>
           <div class="dscell"><h6>Date Accrued</h6></div>
        </div>
        <div class="dsrow">
            <div class="dscell"><p>1</p></div>
            <div class="dscell"><p>2</p></div>
            <div class="dscell"><p>3</p></div>
        </div>
        <div class="clearfix"/>             
</div>  

我不知道如何开始，所以我开始了简单的方法并将数据呈现到表中：

  Dim r As DataRow
    Dim dvCont As New HtmlGenericControl
    Dim dvHead As New HtmlGenericControl
    Dim dvRow As New HtmlGenericControl
    Dim dvCell As HtmlGenericControl

    For i As Integer = 0 To DataTable.Rows.Count - 1
        Dim myRow As New HtmlTableRow
        Dim divrow As New HtmlGenericControl
        Dim divcell As New HtmlGenericControl
        Dim StaffMemberCell As New HtmlTableCell
        Dim LieuTypeCell As New HtmlTableCell
        Dim LieuDateCell As New HtmlTableCell
        Dim LieuDetailsCell As New HtmlTableCell
        StaffMemberCell.InnerHtml = DataTable.Rows(i).Item("staff_member").ToString
        myRow.Cells.Add(StaffMemberCell)
        LieuTypeCell.InnerHtml = DataTable.Rows(i).Item("lieu_type").ToString
        myRow.Cells.Add(LieuTypeCell)
        LieuDateCell.InnerHtml = DataTable.Rows(i).Item("lieu_date").ToString
        myRow.Cells.Add(LieuDateCell)
        LieuDetailsCell.InnerHtml = DataTable.Rows(i).Item("lieu_details").ToString
        myRow.Cells.Add(LieuDetailsCell)
        lieuTable.Rows.Add(myRow)
    Next

我该何去何从？我知道在ASPX页面上向DIV标签添加runat="server"。

 <div id="dvContainer" class="dataset" runat="server">
    <div id="dvContHeader" class="dsheader" runat="server">
        <div id="dvContCell" class="dscell" runat="server"><h6>Header</h6></div>
        <div id="Div1" class="dscell" runat="server"><h6>Header</h6></div>
        <div id="Div2" class="dscell" runat="server"><h6>Header</h6></div>
    </div>
    <div id="dvRow" class="dsrow" runat="server"><p>data1</p></div>
        <div id="dvContCell" class="dsrow" runat="server"><p>data1</p></div>
        <div id="Div4" class="dsrow" runat="server"><p>data1</p></div>
        <div id="Div5" class="dsrow" runat="server"><p>data1</p></div>
    </div>
</div>

我

遇到的另一个问题是我是否必须在 ASPX 文档中明确声明div？见下文。我看到多次使用 ID 标签时出现问题。

Answer 1

我通过使用中继器实现了我想要的结果。

<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
    <div class="dsDataSet">
            <div class="dsheader">
                <div class="dscell"><h6>Staff Name</h6></div>
                <div class="dscell"><h6>Accrued Hours</h6></div>
                <div class="dscell"><h6>Date Accrued</h6></div>
            </div>
</HeaderTemplate>
<ItemTemplate>
            <div class="dsrow">
                <div class="dscell"><p><%# Eval("Staff_member")%></p></div>
                <div class="dscell"><p><%# Eval("Num_Hours")%></p></div>
                <div class="dscell"><p><%# Format(Eval("Lieu_Date"), "dd-MM-yyyy")%></p></div>
            </div>
</ItemTemplate>
<FooterTemplate>
        <div class="clearfix"/>
    </div>  
</FooterTemplate>
</asp:Repeater>