2011-04-13 18 views
6

Tıpkı sayfalar arasında ileri ve geri geçiş yapabilmemizi sağlayan gridview özelliği sayfalarımızda olduğu gibi, aynı işlevselliği tekrarlayıcıda da dahil edemiyorum.Tekrarlayıcıda çağrı

<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> 

cevap

4

kontrol dışarı http://plugins.jquery.com/project/paginateTable.

Temelde jQuery kullanarak bir html tablosunda (tekrarlayıcı kullanarak oluşturabileceğiniz) sayfalandırmadır.

Kullanması kolay, kişiselleştirme seçenekleri var. Zaten kullandım, iyi çalıştı.

DÜZENLEME

Bir yineleyici ile tablo oluşturmak gerekir. Ben hızlı bir örnek aşağıda verilmiştir:

<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> 

Sizin javascript sonra sen PagedDataSource kullanabileceğiniz bu

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

... bu i masa etrafında tekrarlayıcı sarmak zorunda kalacak demektir? – user478636

+0

Garip Her şeyi söylediğiniz gibi yaptım ... ama hiçbir çağrı yok. Tüm öğeler hepsi aynı sayfada görüntülenir .... sadece sayfa başına 2 değil ... ve sonraki/önceki düğmeler hiçbir şey yapmaz. – user478636

+0

bile makalede verilen örnek çalışmıyor ... src'ye de jquery ekledim – user478636