1

リピーターコントロールの各行の後に水平線を作成する方法は? 「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>

4

2 に答える 2

2

にinを入れて新しい行を入れることができ<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です。

編集： これSeparatorTemplateは、要約フォーマットや、より多くのHTML、コントロール、バインディングなどを必要とする場合に最適です。行を追加するだけの場合は、cssを使用して行のスタイルを適切に設定し、目的の出力を取得する必要があります。 。

于 2013-02-01T16:26:47.097 に答える
1

要素に適切なスタイルを設定すればtr十分です。セパレータを追加するためだけに余分な行を作成する必要はありません。

例えば：

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

style
{
    .item {
        border-bottom:1px solid #cfcfcf;
     }
}
于 2013-02-01T16:31:27.077 に答える