WedX - журнал о программировании и компьютерных науках

Повторитель ASP.NET, динамически запускающий новую строку таблицы

У меня есть следующий повторитель:

<table>
        <asp:Repeater runat="server" ID="rptBrandRepeater">
            <ItemTemplate>
                <tr>
                    <td>
                        <asp:HyperLink runat="server" ID="lnkCompanyLink">
                            <asp:Image runat="server" ID="imgCompanyLogo" />
                        </asp:HyperLink>
                    </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>
</table>

Я хочу начать новую строку каждые четыре ячейки таблицы.

Я не хочу использовать jQuery или Javascript для этого.

Выходной HTML-код должен выглядеть так: https://rmtequipment.com/golfandturf.aspx

Я сделал интерфейс, который позволит им добавлять эти логотипы самостоятельно. Таким образом, эта страница будет динамически построена.

Как лучше всего достичь этой цели?

Если представление списка или представление сетки является лучшим подходом, я также открыт для этого.

Заранее спасибо.

asp.net newrow repeater
07.09.2012

Ответы:


1

На мой взгляд, лучший подход — использовать DataList вместо этого. Вы можете управлять RepeatDirection элементами, а также количеством столбцов с помощью свойства RepeatColumns и используемым макетом с помощью RepeatLayout.

Таким образом, ваш DataList будет определен как:

<asp:DataList RepeatDirection="Horizontal" RepeatColumns="4" RepeatLayout="Table" ...
07.09.2012
  • Звучит как отличная идея. Я дам ему попробовать. Спасибо 07.09.2012

    • 2

    Лучшим подходом было бы избавиться от таблицы и использовать плавающие элементы div, поскольку это не таблица и не содержит табличных данных.

    <asp:Repeater runat="server" ID="rptBrandRepeater">
    <ItemTemplate>
        <div class="logo">
            <asp:HyperLink runat="server" ID="lnkCompanyLink">
                <asp:Image runat="server" ID="imgCompanyLogo" />
            </asp:HyperLink>
        </div>  
    </ItemTemplate>
</asp:Repeater>

    Затем стилизуйте свой div

    div.logo{ float: left; width: 200px; display: inline; }

    Затем это естественным образом разбивается на следующую «строку» в зависимости от ширины элемента, содержащего все эти логотипы.

    В качестве примера см. базовую демонстрацию: https://jsfiddle.net/ygnEa/.

    07.09.2012
  • Я рассматривал этот подход. Я просто хотел что-то более сдерживающее, чем плавание. Если бы я мог добавить div, который очищает поплавок после каждого четвертого div, я бы определенно использовал макет на основе css. 07.09.2012
    • Новые материалы
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..
    Для любых предложений по сайту: [email protected]