none
HTML im Codebehind generieren? RRS feed

  • Frage

  • Hallo,
    ich möchte folgenden HTML code im codebehind erstellen. 


    <div id='news-slider'>

        <ul class='jcarousel-skin-tango' id='mycarousel'>

        <li><a href='SLIDE-1-LINK-HERE'><img src="Bilder/2/bild_3.jpg"  width="130px" height="138px" /></a></li>                

        <li><a href='SLIDE-3-LINK-HERE'><img src="Bilder/7/4.jpg"  width="130px" height="138px" /></a></li>

        <li><a href='SLIDE-4-LINK-HERE'><img src="Bilder/8/2.jpg"  width="130px" height="138px"/></a></li>

        <li><a href='SLIDE-5-LINK-HERE'><img src="Bilder/10/10_2.jpg"  width="130px" height="138px"/></a></li>

        <li><a href='SLIDE-4-LINK-HERE'><img src="Bilder/11/bild_2.jpg"  width="130px" height="138px"/></a></li>

        <li><a href='SLIDE-5-LINK-HERE'><img src="Bilder/12/bild_2.jpg"  width="130px" height="138px"/></a></li>

        </ul>

    </div>

     

    Die Bilder sollen dynamisch generiert werden und weil die Anzahl und dsa Bild sich immer ändert muss ich es im Codebehind Programmieren. Hab Ihr lösungsansätze für mich? Das ganze ist für ein JQuery-Sildder, somit wird er Dynamisch ;-)

    Vielen Dank vorab Leute...

     

    LG Kaan

     

     

    Dienstag, 24. August 2010 00:03

Antworten

  • Hi,

    ich möchte folgenden HTML code im codebehind erstellen. ...

    <asp:Repeater ...>
      <HeaderTemplate>
        <div id='news-slider'>
        <ul class='jcarousel-skin-tango' id='mycarousel'>
      </HeaderTemplate>
      <ItemTemplate>
        <li><a href="<%# Container.DataItem.<LinkUrl> %>"><img src="<%# Container.DataItem.<BildUrl>" width="130px" height="138px" /></a></li>        
      </ItemTemplate>
      <FooterTemplate>
        </ul>
        </div>
      </FooterTemplate>
    </asp:Repeater>
    
    

    Im Endeffekt musst du jetzt nur noch eine Datenquelle (bspw. eine DataTable, List( Of ... ), ...) als DataSource an das Repeater Control übergeben und per<Repeater>.DataBind() binden.

    <LinkUrl> und <BildUrl> müssen natürlich noch entsprechend angepasst werden.

     


    Gruß, Stefan
    Microsoft MVP - Visual Developer ASP/ASP.NET
    http://www.asp-solutions.de/ - Consulting, Development
    http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community
    Dienstag, 24. August 2010 10:45
    Moderator

Alle Antworten

  • Hi,

    ich möchte folgenden HTML code im codebehind erstellen. ...

    <asp:Repeater ...>
      <HeaderTemplate>
        <div id='news-slider'>
        <ul class='jcarousel-skin-tango' id='mycarousel'>
      </HeaderTemplate>
      <ItemTemplate>
        <li><a href="<%# Container.DataItem.<LinkUrl> %>"><img src="<%# Container.DataItem.<BildUrl>" width="130px" height="138px" /></a></li>        
      </ItemTemplate>
      <FooterTemplate>
        </ul>
        </div>
      </FooterTemplate>
    </asp:Repeater>
    
    

    Im Endeffekt musst du jetzt nur noch eine Datenquelle (bspw. eine DataTable, List( Of ... ), ...) als DataSource an das Repeater Control übergeben und per<Repeater>.DataBind() binden.

    <LinkUrl> und <BildUrl> müssen natürlich noch entsprechend angepasst werden.

     


    Gruß, Stefan
    Microsoft MVP - Visual Developer ASP/ASP.NET
    http://www.asp-solutions.de/ - Consulting, Development
    http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community
    Dienstag, 24. August 2010 10:45
    Moderator
  • Hi Stefan,

    vielen Dank für die Info. Hat natürlich so geklappt. 

    LG Kaan

    Donnerstag, 26. August 2010 00:38