如何显示每x行项目中的中继器？ [英] How do you show x items per row in a repeater?

问题描述

任何人有如何显示4个项目将与水平中继任何线索？中继器显示的项目默认下去。下面是我的测试中继code迄今：

 ＆LT;表格边框= 0的cellpadding = 0 CELLSPACING = 0 ALIGN =中心WIDTH =800像素;＆GT;
    ＆所述; TR＆GT;
        ＆LT; ASP：直放站ID =rptTest=服务器＆GT;
            ＆LT;＆ItemTemplate中GT;
                    ＆所述; TD＆GT;
                        ＆所述; H3＆GT;＆下; A HREF =＆下;％＃GetItemLink（（项目）的Container.DataItem）％＆gt;中与GT;＆下;％＃（（WebMenuItem）的Container.DataItem）请将.Name％GT;＆下; / A＆GT ;＆LT; / H3 GT＆;
                        ＆LT; D​​IV＆GT;
                            ＆所述; A HREF =＆下;％＃的getURL（（项目）的Container.DataItem）％＆gt;中与GT;
                                ＆所述; IMG SRC =＆下;％＃的getImage（（项目）的Container.DataItem）％＆gt;中ALT =＆LT;％＃GetAltText（（项目）的Container.DataItem）％GT; /＆GT;
                            ＆所述; / A＆GT;
                        ＆LT; / DIV＆GT;
                    ＆LT; / TD＆GT;
            ＆LT; / ItemTemplate中＆GT;
        ＆LT; / ASP：直放站＆GT;
    ＆LT; / TR＆GT;
＆LT; /表＆gt;
 

解决方案

 ＆LT;表＆gt;
    ＆LT; ASP：直放站ID =rptTest=服务器＆GT;
        ＆LT;＆ItemTemplate中GT;
            ＆LT;％＃（Container.ItemIndex + 4）％4 == 0？ ＆所述; TR＆gt;中：的String.Empty％＆GT;
                ＆所述; TD＆GT;
                    ...单元格内容省略...
                ＆LT; / TD＆GT;
            ＆所述;％＃（Container.ItemIndex 4）％4 == 3？ ＆所述; / TR＆gt;中：的String.Empty％＆GT;
        ＆LT; / ItemTemplate中＆GT;
    ＆LT; / ASP：直放站＆GT;
＆LT; /表＆gt;
 

万岁不起眼的中继器！

Anyone have any clue on how to show 4 items going horizontal with a repeater? A repeater shows items going down by default. Here is my test repeater code so far:

<table border=0 cellpadding=0 cellspacing=0 align="center" width="800px;>
    <tr>
        <asp:Repeater ID="rptTest" runat="server">
            <ItemTemplate>
                    <td>
                        <h3><a href="<%#GetItemLink((Item)Container.DataItem) %>"><%#((WebMenuItem)Container.DataItem).Name %></a></h3>
                        <div>
                            <a href="<%#GetUrl((Item)Container.DataItem) %>">
                                <img src="<%#GetImage((Item)Container.DataItem) %>" alt="<%#GetAltText((Item)Container.DataItem) %>" />
                            </a>
                        </div>
                    </td>
            </ItemTemplate>
        </asp:Repeater>
    </tr>
</table>

解决方案

<table>
    <asp:Repeater id="rptTest" runat="server">
        <ItemTemplate>
            <%# (Container.ItemIndex + 4) % 4 == 0 ? "<tr>" : string.Empty %>
                <td>
                    ... cell contents omitted ...
                </td>
            <%# (Container.ItemIndex + 4) % 4 == 3 ? "</tr>" : string.Empty %>
        </ItemTemplate>
    </asp:Repeater>
</table>

Long live the humble repeater!

这篇关于如何显示每x行项目中的中继器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！