Заполнить фигуру img в ul из базы данных SQL Server

Я пытаюсь создать страницу Asp.Net (без бритвы) для отображения и отображения некоторых продуктов из базы данных. Мне нужно изображение, объяснение и путь PDF для показа из моей базы данных SQL Server 2008 R2.Заполнить фигуру img в ul из базы данных SQL Server

Я искал примеры, но многие из них касаются заполнения таблиц, а не ul элементов. Я видел некоторые примеры страниц бритвы, но я понятия не имею, как это работает.

Примечание: я не хочу менять этот стиль, потому что я использовал некоторые классные загрузочные css-файлы. Я не хочу вмешиваться в это, но если вы думаете, что это необходимо изменить, то, конечно, я могу кое-что выяснить.

Код:

<ul class="grid cs-style-5" id="thumbs"> 
    <li> 
     <figure> 
      <img class="img-responsive" src="#"> 
      <figcaption> 
       <h4>Product Name/h4> 
       <span>Explanation here.</span> 
       <a href="#" data-toggle="modal" data-target="#myModal">Technical Info</a> 
      </figcaption> 
     </figure> 
    </li> 
</ul>

Update:

я понял, как сделать то, что мне было нужно. Я размещаю здесь, если кто-то еще нуждается. Я не использовал asp:repeater, но использовал DataList. Он отлично работал.

Фиксированный Код:

<asp:DataList ID="DataList1" runat="server"> 
      <HeaderTemplate><ul class="grid cs-style-5" id="thumbs"></HeaderTemplate> 
      <ItemTemplate> 
       <li> 
        <figure> 
         <img class="img-responsive" src='<%# Eval("urun_resim") %>' /> 
          <figcaption> 
          <h4>Product Name: <%#Eval("urun_isim") %>i</h4> <br /> 
          <a href='<%#Eval("urun_pdf") %>' Target="_blank"></a> 
         </figcaption> 
        </figure> 
       </li> 
      </ItemTemplate> 
      <FooterTemplate></ul></FooterTemplate> 
</asp:DataList>

источник

2015-09-12 Radyoaktif

Вы можете создать обратный конец строковой формы, используя концепцию построителя строк. И сбросьте в эту улицу. –

тогда как я буду ссылаться на эти части строк на каждое место? это моя проблема. Я имею в виду, что я могу вытащить все данные в конец. моя проблема отображается на странице в нужных местах. Я видел, как некоторые люди используют шаблон повторителя и шаблона. Я пытаюсь сделать это, но я не уверен, как это работает. Я сейчас пытаюсь. Спасибо за ваш ответ ^^ – Radyoaktif

Повторитель - хороший вариант. Я согласен с этим решением. Даже это поможет вам в гибком дизайне. Это даже легкий вес для загрузки. –

Repeater хороший вариант. Я согласен с этим решением. Даже это поможет вам в гибком дизайне. Это даже легкий вес для загрузки.

источник

2015-09-12 10:41:13

Заполнить фигуру img в ul из базы данных SQL Server

ответ

Смежные вопросы