Question

I’m using the “VTicker” jquery plugin for showing top news of my web site.

At first I was using static html code for testing this plugin and every thing was ok!

But I need to read data from database and then bind data to asp.net repeater and then show repeater data by vticker plugin.

How do i do this?

Answer 1

From the VTicker manual, says that the html structure looks like:

<div class='myclass'>
   <ul>
      <li>some content</li>
      <li>some content</li>
      ...
   </ul>
</div>

So this can be made using a repeater as:

<asp:Repeater ID="rpTicker" runat="server">
    <HeaderTemplate>
        <div class="myclass"><ul>
    </HeaderTemplate>
    <ItemTemplate>
        <li><%#Eval("TicketText")%></li>
    </ItemTemplate>
    <FooterTemplate>
        </ul></div>
    </FooterTemplate>
</asp:Repeater>

The rest on how you call the jQuery call is not change.

reference:
http://archive.plugins.jquery.com/project/vTicker

about the repeater, you can find many examples on internet on how to set your data on it. Some examples

http://msdn.microsoft.com/en-us/magazine/cc163780.aspx

http://www.w3schools.com/aspnet/aspnet_repeater.asp

http://www.dotnetcurry.com/ShowArticle.aspx?ID=663