ASP.NET повторять динамические данные в главном меню по горизонтали?

Question

Стандартный шаблон динамических данных ASP.NET по умолчанию использует GridView для отображения меню, повторяющегося по вертикали. Это выглядит не очень хорошо. Мне интересно, есть ли (а) способ получить повтор сетки по горизонтали или (б) использовать другой элемент управления, позволяющий повторять по горизонтали.

Answer 1

Это простой процесс. В нашем файле с выделенным кодом мы должны подключить наше соединение динамических данных следующим образом:

    Menu1.DataSource = visibleTables
    Menu1.DataBind()

Затем мы создаем DataList примерно так:

<asp:DataList ID="Menu1" runat="server" 
      CellPadding="3" GridLines="Vertical" 
      HorizontalAlign="Center" CssClass="DDGridView" RepeatDirection="Horizontal"   
      ItemStyle-CssClass="td" HeaderStyle-CssClass="th" >
<ItemTemplate>
    <asp:DynamicHyperLink ID="HyperLink1" runat="server"><%# Eval("DisplayName")%></asp:DynamicHyperLink>
</ItemTemplate>
</asp:DataList>

Вы можете видеть, что я использовал (временно) классы css из сетки по умолчанию для обеспечения единообразных элементов макета / отображения.

Answer 2

Можно использовать DataList :). Вы устанавливаете ItemTemplate, чтобы указать, как элементы должны отображаться, и устанавливаете RepeatDirection в горизонтальное положение, привязываете его к своему динамическому источнику данных, и все готово: D

Дополнительно выМожно указать количество столбцов, которые будут повторяться через атрибут RepeatColumns.

На этой странице (прокрутите вниз до конца) есть несколько примеров использования DataList

http://msdn.microsoft.com/en-us/library/7efxhktc.aspx