написать в div на странице загрузки в vb.net - PullRequest
0 голосов
/ 05 марта 2011

Я новичок в программировании и хотел бы написать следующее в div (myGallerySet) из-за кода (vb.net) на pageLoad:

 <div id="gallery1" class="galleryElement">
    <h2>Brugges 2006</h2>
    <div class="imageElement">
      <h3>Item 1 Title</h3>
      <p>Item 1 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="images/brugges2006/1.jpg" class="full" />
      <img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
    </div>
    <div class="imageElement">
      <h3>Item 2 Title</h3>
      <p>Item 2 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="images/brugges2006/2.jpg" class="full" />
      <img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
    </div>
  </div>
  <div id="gallery2" class="galleryElement">
    <h2>Stock Photos</h2>
    <div class="imageElement">
      <h3>Item 1 Title</h3>
      <p>Item 1 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="images/stock/77196_6784.jpg" class="full" alt="Item 1 Title">
      <img src="images/stock/77196_6784_002.jpg" class="thumbnail" alt="thumbnail of Item 1 Title">
    </div>
    <div class="imageElement">
      <h3>Item 2 Title</h3>
      <p>Item 2 Description</p>
      <a href="#" title="open image" class="open"></a>
      <img src="images/stock/165392_5486.jpg" class="full" alt="Item 2 Title">
      <img src="images/stock/165392_5486_002.jpg" class="thumbnail" alt="thumbnail of Item 2 Title">
    </div>
  </div>

В основном у меня есть детали изображений, которые хранятся в базе данных, и поэтому мне нужно было бы динамически добавлять их, поэтому мне нужно писать в контейнере div.

Есть идеи, как мне этого добиться? не могли бы вы привести пример? любая помощь будет принята с благодарностью.

Спасибо

1 Ответ

0 голосов
/ 05 марта 2011

Вам необходимо использовать ретранслятор (или другой элемент управления с привязкой к данным) и хранилище данных.Не уверен, как настроена ваша база данных, но ваш SqlDataSource может выглядеть примерно так:

<asp:sqlDataSource ID="photosSqlDataSource" SelectCommand="SELECT imageName, imageUrl FROM images" />

И тогда вам нужен элемент управления, который может использовать возвращенные данные и отображать их на странице:

<asp:Repeater id="cdcatalog" runat="server">
    <HeaderTemplate>
        <table>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td><img src="<%#Container.DataItem("imageUrl")%>" /></td>
        </tr>
        <tr>
             <td><%#Container.DataItem("imageUrl")%></td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>
...