1. 首頁
  2. 問答
  3. 在Repeater中尋呼

在Repeater中尋呼

2011-04-13 91 views
6

就像我們在gridview中使用pageize屬性，它允許我們在頁面之間來回切換，是不是有反正我可以在中繼器中包含相同的功能。在Repeater中尋呼

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

來源

2011-04-13 user478636

回答

4

退房http://plugins.jquery.com/project/paginateTable。

它基本上是一個html表格（你可以使用中繼器構建）使用jQuery分頁。

它易於使用，具有自定義選項。 我已經使用過，工作得很好。

編輯

你必須使用一箇中繼器來構建你的表。我在下面提供了一個簡單的例子：然後

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

您的JavaScript應該叫這個

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

來源

2011-04-13 11:41:24 koenmetsu

+0

有趣......這意味着我將不得不環繞表中的中繼？ – user478636 2011-04-13 11:44:14

+0

奇怪，我已經做了一切，如你所說...但沒有分頁。 所有的項目都顯示在同一頁上....不只是每頁2 ...和下​​一個/上一個按鈕不做任何事情。 – user478636 2011-04-13 12:09:54

+0

甚至在文章中給出的例子不工作......我已經添加jQuery到我的src也 – user478636 2011-04-13 12:21:20

相關問題

 相關問題