2011-04-13 14 views
6

Al igual que tenemos propiedades de tamaño de página en gridview que nos permiten alternar entre las páginas, de todos modos no puedo incorporar la misma funcionalidad en un repetidor.Paginación en el repetidor

<table id="myTable"> 
    <tbody> 
     <asp:Repeater ID="Repeater1" runat="server" 
      onitemcommand="addItem_OnClick" DataMember="DefaultView"> 
      <ItemTemplate> 
      <tr> 
       <td> 

       <div class="product"> 
       <table border="0" cellpadding="0" cellspacing="0" width="100%"> 
        <tr valign="top"> 
         <td width="105"><asp:HyperLink ID="HLSysDet" runat="server" 
          NavigateUrl='<%# "/Product.aspx?productId=" + Eval("ProductDescriptionId") %>'> 
          <asp:Image ID="Image1" runat="server" width="85" height="85" 
           ImageUrl='<%# Eval("Thumbnail")%>' border="0" /> 
         </asp:HyperLink></td> 
         <td><ItemTemplate><a 
          href='<%# "/Product.aspx?productId=" + Eval("ProductDescriptionId") %>'> 
         '<%# Eval("ProductName")%>'</a> </ItemTemplate></b><br /> 
         <br /> 

         Manufacturer: <%# Eval("Manufacturer")%><br /> 
         <br /> 
         <b>Rs <%# Eval("UnitPrice")%> 
         </b><br /> 
         <br /> 
         Weight: <%# Eval("Weight")%> Kg<br /> 

         </td> 
         <td width="20"></td> 
         <td valign="bottom" width="130"> 
         <%# Eval("Quantity")%>+ in stock<br /> 


         <asp:TextBox ID="_qty" runat="server" CssClass="textbox" 
          MaxLength="2" Text="1" Width="30" 
          Visible='<%# showBtn(Eval("Quantity")) %>' /> <asp:RangeValidator 
          ID="RangeValidator1" runat="server" ControlToValidate="_qty" 
          ErrorMessage="*" ForeColor="Red" MaximumValue="50" 
          MinimumValue="1"></asp:RangeValidator> 
         <div class="buttons"><span id="Span1" class="mandatory" 
          runat="server" visible='<%# isQty(Eval("Quantity")) %>'> 
         Sorry, this item is out of stock</span></div> 




         <div class="buttons"><br /> 
         <asp:LinkButton ID="CommandButton" runat="server" 
          Text='Add to Cart' CssClass="positive" CommandName="Add" 
          CommandArgument='<%# Eval("ProductDescriptionId") %>' 
          Visible='<%# showBtn(Eval("Quantity")) %>' /> 
         </div> 




         </td> 


        </tr> 
        </div> 
       </table> 
       </div> 
       </td> 
      </tr> 
      </ItemTemplate> 
     </asp:Repeater> 
    </tbody> 
</table> 
<div class='pager'><a href='#' alt='Previous' class='prevPage'>Prev</a> 
<span class='currentPage'></span> of <span class='totalPages'></span> <a 
    href='#' alt='Next' class='nextPage'>Next</a></div> 

Respuesta

4

Salida http://plugins.jquery.com/project/paginateTable.

Básicamente se trata de paginación en una tabla html (que puede compilar utilizando un repetidor) utilizando jQuery.

Es fácil de usar, tiene opciones de personalización. Lo usé ya, funcionó bien.

EDITAR

Habría que construir su tabla con un repetidor. He proporcionado un ejemplo rápido a continuación:

<table id="myTable"> 
    <tbody> 
     <asp:Repeater ...> 
      <ItemTemplate> 
       <tr><td><%# Eval('Description') %></td></tr> 
      </ItemTemplate> 
     </asp:Repeater> 
    <tbody> 
</table> 
<div class='pager'> 
    <a href='#' alt='Previous' class='prevPage'>Prev</a> 
    <span class='currentPage'></span> of <span class='totalPages'></span> 
    <a href='#' alt='Next' class='nextPage'>Next</a> 
</div> 

Su Javascript a continuación, debe llamar a la función paginateTable en este

<script> 
    $(document).ready(function() { 
     $('#myTable').paginateTable({ rowsPerPage: 2 }); 
    }); 
</script> 
+0

interesante ... eso significa que voy a tener que envolver el repetidor alrededor de una mesa? – user478636

+0

Extraño He hecho todo lo que dijiste ... pero no hay paginación. Todos los elementos se muestran todos en la misma página ... no solo 2 por página ... y los botones siguiente/anterior no hacen nada. – user478636

+0

incluso el ejemplo dado en el artículo no funciona ... he agregado jquery a mi src también – user478636

1

El repetidor y el control ofrecen un medio rápido y flexible de mostrar datos en una página ASPX. Pero no ofrece ninguna funcionalidad de paginación construida en

Sin embargo es posible hacer algo al respecto ...

Consulte la siguiente página si quieres averiguarlo:. http://www.codeproject.com/KB/webforms/Aspnet_Repeater_Control.aspx