Повторяющийся контур, используемый для условия

Question

<li style="width: 20%"> 
      <div class="thumbnail" style="width: 200px"> 
       <div class="fader"> 
        <img src="./Images/slide-01.jpg" alt=""> 
       </div> 
       <div class="caption"> 
        <h5> 
         Thumbnail label</h5> 
        <p> 
         porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> 
        <p> 
        <p align="center"> 
         <asp:Button runat="server" class="btn btn-primary" ID="lnk" Text="View" /> 
        </p> 
       </div> 
      </div> 
     </li> 

Если я хочу повторить список 12 раз, используя цикл или какое-либо другое условие цикла.

Вы можете помочь, как решить !!

Answer 1

Поскольку вы используете ASP.NET и хотите отображать элементы на стороне сервера (asp: Button), вы не можете просто построить свой HTML как строку и вывести ее на страницу.

Определите свой тег UL/OL с помощью атрибута runat = "server", поэтому он доступен на серверном коде.

<ul id="myList" runat="server" ></ul> 

Затем добавьте LI, а остальные - в качестве дочернего элемента управления элемента управления.

Dim li As HtmlGenericControl 

For I = 1 To 12 

    li = New HtmlGenericControl("li") 
    li.Style("width") = "width: 20%" 

    myList.Controls.Add(li) 

Next 

Приведенный выше пример VB.NET создает UL с 12 элементами LI. Точно так же элемент LI имеет .Controls свойство его собственное, к которому вы можете добавить другие элементы управления (ДИВ и т.д.)

Answer 2

Вы можете использовать asp:repeater для этого типа сценария при использовании webforms

using a repeater

Bind repeater to generic list