Question

如何在转发器控制中的每一行之后创建水平线？我认为我应该使用“SeparatorTemplate”，我试过但没有用。你能告诉我在代码中放置分隔符的位置，使每一行分开吗？

这是我的代码

<asp:Repeater ID="EmployeesRepeater" runat="server">
        <HeaderTemplate>
            <table>
                <tr>
                    <th>
                       First Name
                    </th>
                    <th>
                        Last Name
                    </th>
                    <th>
                        Title
                    </th>
                    <th>
                        HomePhone
                    </th>
                </tr>           
        </HeaderTemplate>
        <ItemTemplate>
                <tr>
                    <td>
                        <%#Eval("FirstName") %>
                    </td>
                    <td>
                        <%#Eval("LastName") %>
                    </td>
                    <td>
                        <%#Eval("Title") %>
                    </td>
                    <td>
                        <%#Eval("HomePhone") %>
                    </td>
                </tr>
        </ItemTemplate>
        <FooterTemplate>
            </table>    
        </FooterTemplate>

Answer 1

您可以在<hr>中添加一个ItemTemplate的新行。

例如：

<ItemTemplate>
    <tr>
        <td>
            <%#Eval("FirstName") %>
        </td>
        <td>
            <%#Eval("LastName") %>
        </td>
        <td>
            <%#Eval("Title") %>
        </td>
        <td>
            <%#Eval("HomePhone") %>
        </td>
    </tr>
    <tr>
        <td colspan="4"><hr></td>
    </tr>
</ItemTemplate>

或使用SeparatorTemplate：

<SeparatorTemplate>
    <tr>
        <td colspan="4"><hr></td>
    </tr>
</SeparatorTemplate>

以下是关于SeperatorTemplate如何运作的documentation。

编辑 SeparatorTemplate非常适合您需要进行摘要格式化或需要更多HTML，控件，绑定等的内容。如果您只想添加行，应该只是使用css来适当地设置行的样式以获得所需的输出。

Answer 2

如果为tr元素设置合适的样式应该就够了。只需添加分隔符就不需要创建额外的行。

例如：

<ItemTemplate>
    <tr class="item">
   ....

style
{
    .item {
        border-bottom:1px solid #cfcfcf;
     }
}

使用SeparatorTemplate进行中继器控制

2 个答案: