Repeater 結合PagedDataSource 實現分頁

時間  2020-09-21
標籤 repeater 結合 pageddatasource 實現 分頁 简体版
原文   原文鏈接

 

  
  
  
  
    
   
   
   
   
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %> 
    2. 
   
   
   
   
  2.  
    3. 
   
   
   
   
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4. 
   
   
   
   
  4.  
    5. 
   
   
   
   
  5. <html xmlns="http://www.w3.org/1999/xhtml"> 
    6. 
   
   
   
   
  6. <head runat="server"> 
    7. 
   
   
   
   
  7.     <title></title>   
    8. 
   
   
   
   
  8.     <script language="javascript" type="text/ecmascript"> 
    9. 
   
   
   
   
  9.         function Check(ParentChk, ChildId) {  
    10. 
   
   
   
   
  10.           
    11. 
   
   
   
   
  11.             var oElements = document.getElementsByTagName("INPUT");//獲取全部 input元素  
    12. 
   
   
   
   
  12.             var bIsChecked = ParentChk.checked;  
    13. 
   
   
   
   
  13.               
    14. 
   
   
   
   
  14.             for(var i=0;i<oElements.length;i++)  
    15. 
   
   
   
   
  15.             {  
    16. 
   
   
   
   
  16.                 if (IsCheckBox(oElements[i]) && IsMatch(oElements[i].id, ChildId))  //是checkbox 而且是 repeater 內的符合條件的input 元素  
    17. 
   
   
   
   
  17.                 {  
    18. 
   
   
   
   
  18.                     oElements[i].checked=bIsChecked;  //將全部的 checkbox 狀態置爲選中  
    19. 
   
   
   
   
  19.                 }  
    20. 
   
   
   
   
  20.             }  
    21. 
   
   
   
   
  21.         }  
    22. 
   
   
   
   
  22.                   
    23. 
   
   
   
   
  23.         function IsMatch(id,ChidId)  //是不是repeater 下的某個子元素  
    24. 
   
   
   
   
  24.         {  
    25. 
   
   
   
   
  25.             var sPattern = '^Rept1.*' + ChidId + '$';  
    26. 
   
   
   
   
  26.             var oRegExp=new RegExp(sPattern);  
    27. 
   
   
   
   
  27.             if(oRegExp.exec(id))  
    28. 
   
   
   
   
  28.             return true;  
    29. 
   
   
   
   
  29.             else   
    30. 
   
   
   
   
  30.             return false;  
    31. 
   
   
   
   
  31.         }  
    32. 
   
   
   
   
  32.            
    33. 
   
   
   
   
  33.         function IsCheckBox(chk)   // 判斷是不是 checkbox  
    34. 
   
   
   
   
  34.         {  
    35. 
   
   
   
   
  35.             if(chk.type=='checkbox')return true;  
    36. 
   
   
   
   
  36.             else return false;  
    37. 
   
   
   
   
  37.         }  
    38. 
   
   
   
   
  38.     </script> 
    39. 
   
   
   
   
  39. </head> 
    40. 
   
   
   
   
  40. <body> 
    41. 
   
   
   
   
  41. <form id="form1" runat="server" title="自定義表結構"> 
    42. 
   
   
   
   
  42.     <div> 
    43. 
   
   
   
   
  43.     <asp:Repeater ID="Rept1" runat="server"> 
    44. 
   
   
   
   
  44.           
    45. 
   
   
   
   
  45.     <HeaderTemplate> <%-- 定義標題--%> 
    46. 
   
   
   
   
  46.        <table border="0" cellpadding="0" cellspacing="0" style="width:1006px;border-collapse:collapse; text-align:center;"> 
    47. 
   
   
   
   
  47.        <tr> 
    48. 
   
   
   
   
  48.          <td style="background-color:#cccccc; font-weight:bold; height:25px;"> 
    49. 
   
   
   
   
  49.          <input id="chkAll" name="chkAll" runat="server" type="checkbox" onclick="Check(this,'chkItem')" title="全選" />全</td> 
    50. 
   
   
   
   
  50.          <td style="background-color:#cccccc; font-weight:bold; height:25px;">View</td> 
    51. 
   
   
   
   
  51.          <td style="background-color:#cccccc; font-weight:bold; height:25px;"  visible="false"></td>      
    52. 
   
   
   
   
  52.          <td style="background-color:#cccccc; font-weight:bold;">名字</td> 
    53. 
   
   
   
   
  53.          <td style="background-color:#cccccc; font-weight:bold;">班級</td>       
    54. 
   
   
   
   
  54.        </tr> 
    55. 
   
   
   
   
  55.      </HeaderTemplate> 
    56. 
   
   
   
   
  56.       
    57. 
   
   
   
   
  57.       
    58. 
   
   
   
   
  58.     <ItemTemplate>   <%-- <ItemTemplate> 元素的內容會對應 DataSet 中的 "record" 重複出現--%> 
    59. 
   
   
   
   
  59.     <tr> 
    60. 
   
   
   
   
  60.  <%--  <td >張三</td> 能夠直接定義表數據  
    61. 
   
   
   
   
  61.     <td>07一班</td>--%> 
    62. 
   
   
   
   
  62.     <td><asp:CheckBox  ID="chkItem" runat="server"/></td> 
    63. 
   
   
   
   
  63.     <td><a href='<%#"ViewDetail.aspx?id="+DataBinder.Eval(Container.DataItem,"id") %>' target="_blank">View</a></td>  <%--鏈接 ：將本記錄的行 Id 傳遞到目標頁面--%> 
    64. 
   
   
   
   
  64.     <td><asp:Label ID ="lblID" Text='<%#DataBinder.Eval(Container.DataItem,"id") %>' runat="server" Visible="false"></asp:Label></td>  <%-- 存儲本記錄的 id ,做爲刪除等操做的依據 --%> 
    65. 
   
   
   
   
  65.     <td><%#DataBinder.Eval(Container.DataItem,"name") %></td>  <%--從數據庫中取出表數據--%> 
    66. 
   
   
   
   
  66.     <td><%#DataBinder.Eval(Container.DataItem,"class") %></td> 
    67. 
   
   
   
   
  67.     </tr>    
    68. 
   
   
   
   
  68.     </ItemTemplate>      
    69. 
   
   
   
   
  69.       
    70. 
   
   
   
   
  70.     <AlternatingItemTemplate>  <%--記錄顯示方式的交替樣式  ， 基本與 ItemTemplate 樣式一致--%> 
    71. 
   
   
   
   
  71.     <tr bgcolor="#e8e8e8"> 
    72. 
   
   
   
   
  72.      <td><asp:CheckBox  ID="chkItem" runat="server"/></td> 
    73. 
   
   
   
   
  73.      <td><a href='<%#"Default.aspx?id="+DataBinder.Eval(Container.DataItem,"id") %>' target="_blank">View</a></td> 
    74. 
   
   
   
   
  74.      <td><asp:Label ID ="lblID" Text='<%#DataBinder.Eval(Container.DataItem,"id") %>' runat="server" Visible="false"></asp:Label></td>    
    75. 
   
   
   
   
  75.     <td><%#DataBinder.Eval(Container.DataItem,"name") %></td> 
    76. 
   
   
   
   
  76.     <td><%#DataBinder.Eval(Container.DataItem,"class")%></td>    
    77. 
   
   
   
   
  77.     </tr>      
    78. 
   
   
   
   
  78.     </AlternatingItemTemplate> 
    79. 
   
   
   
   
  79.       
    80. 
   
   
   
   
  80.   <%-- <SeparatorTemplate>--%> <%--可以用於描述每一個記錄之間的分隔符 --%> 
    81. 
   
   
   
   
  81.  <%--   <tr> 
    82. 
   
   
   
   
  82.     <td colspan="0"><hr /></td>--%> <%-- 在每一個表格行之間插入了一條水平線--%> 
    83. 
   
   
   
   
  83. <%--   </tr> 
    84. 
   
   
   
   
  84.     </SeparatorTemplate>--%> 
    85. 
   
   
   
   
  85.       
    86. 
   
   
   
   
  86.     <FooterTemplate> 
    87. 
   
   
   
   
  87.     </table> 
    88. 
   
   
   
   
  88.     </FooterTemplate> 
    89. 
   
   
   
   
  89.       
    90. 
   
   
   
   
  90.       
    91. 
   
   
   
   
  91.     <FooterTemplate>  <%--<FooterTemplate> 的內容在輸出中僅出現一次--%> 
    92. 
   
   
   
   
  92.     </table> 
    93. 
   
   
   
   
  93.     </FooterTemplate> 
    94. 
   
   
   
   
  94.       
    95. 
   
   
   
   
  95.     </asp:Repeater> 
    96. 
   
   
   
   
  96.     <div style="background-color:#dedede; width:1006px;"> 
    97. 
   
   
   
   
  97.         <asp:Button ID="btnDel" runat="server" Text="刪除" onclick="btnDel_Click" /> 
    98. 
   
   
   
   
  98.         <asp:label ID="lblCurrentPage" runat="server"></asp:label> 
    99. 
   
   
   
   
  99.         <asp:HyperLink id="lnkFrist" runat="server">首頁</asp:HyperLink> 
    100. 
   
   
   
   
  100.         <asp:HyperLink id="lnkPrev" runat="server">上一頁</asp:HyperLink> 
    101. 
   
   
   
   
  101.         <asp:HyperLink id="lnkNext" runat="server">下一頁</asp:HyperLink>   
    102. 
   
   
   
   
  102.         <asp:HyperLink id="lnkEnd" runat="server">尾頁</asp:HyperLink>        
    103. 
   
   
   
   
  103.     </div> 
    104. 
   
   
   
   
  104.     </div> 
    105. 
   
   
   
   
  105.     </form> 
    106. 
   
   
   
   
  106. </body> 
    107. 
   
   
   
   
  107. </html> 
    108.

C#代碼javascript

 

  
  
  
  
    
   
   
   
   
  1. using System;  
    2. 
   
   
   
   
  2. using System.Collections.Generic;  
    3. 
   
   
   
   
  3. using System.Linq;  
    4. 
   
   
   
   
  4. using System.Web;  
    5. 
   
   
   
   
  5. using System.Web.UI;  
    6. 
   
   
   
   
  6. using System.Web.UI.WebControls;  
    7. 
   
   
   
   
  7. using System.Configuration;  
    8. 
   
   
   
   
  8. using System.Data.SqlClient;  
    9. 
   
   
   
   
  9. using System.Data;  
    10. 
   
   
   
   
  10.  
    11. 
   
   
   
   
  11. public partial class Default4 : System.Web.UI.Page  
    12. 
   
   
   
   
  12. {  
    13. 
   
   
   
   
  13.     PagedDataSource PDS = new PagedDataSource(); //PagedDataSource 實現分頁  
    14. 
   
   
   
   
  14.  
    15. 
   
   
   
   
  15.  
    16. 
   
   
   
   
  16.     private  string StrConn = ConfigurationManager.ConnectionStrings["MyConnectionString"].ConnectionString.ToString();  
    17. 
   
   
   
   
  17.     private string strSql = "";  
    18. 
   
   
   
   
  18.  
    19. 
   
   
   
   
  19.     protected void Page_Load(object sender, EventArgs e)  
    20. 
   
   
   
   
  20.     {  
    21. 
   
   
   
   
  21.         if (!IsPostBack)  
    22. 
   
   
   
   
  22.             BindRepeater();  
    23. 
   
   
   
   
  23.     }  
    24. 
   
   
   
   
  24.     private void BindRepeater()  
    25. 
   
   
   
   
  25.     {  
    26. 
   
   
   
   
  26.         int totalCount = 0;//總記錄條數  
    27. 
   
   
   
   
  27.         int totalPage = 1;//總頁數  
    28. 
   
   
   
   
  28.  
    29. 
   
   
   
   
  29.         string sql = "select id ,name,class from Category";  
    30. 
   
   
   
   
  30.         DataSet ds=new DataSet ();  
    31. 
   
   
   
   
  31.         SqlConnection conn = new SqlConnection(StrConn);  
    32. 
   
   
   
   
  32.  
    33. 
   
   
   
   
  33.         conn.Open();  
    34. 
   
   
   
   
  34.         SqlDataAdapter da = new SqlDataAdapter(sql, conn);  
    35. 
   
   
   
   
  35.         da.Fill(ds);  
    36. 
   
   
   
   
  36.         conn.Close();  
    37. 
   
   
   
   
  37.  
    38. 
   
   
   
   
  38.         totalCount = ds.Tables[0].DefaultView.Count;  
    39. 
   
   
   
   
  39.  
    40. 
   
   
   
   
  40.         PDS.DataSource = ds.Tables[0].DefaultView; //設置pagedatasource 的屬性        
    41. 
   
   
   
   
  41.  
    42. 
   
   
   
   
  42.         PDS.AllowPaging = true; //是否容許分頁  
    43. 
   
   
   
   
  43.         PDS.PageSize = 5;//每頁顯示記錄數量  
    44. 
   
   
   
   
  44.  
    45. 
   
   
   
   
  45.         int curPage;  
    46. 
   
   
   
   
  46.  
    47. 
   
   
   
   
  47.         if(Request.QueryString["page"]!=null)  
    48. 
   
   
   
   
  48.              curPage=Convert.ToInt32(Request.QueryString["page"]);// 爲四個連接準備  
    49. 
   
   
   
   
  49.         else  
    50. 
   
   
   
   
  50.              curPage=1;  
    51. 
   
   
   
   
  51.  
    52. 
   
   
   
   
  52.         if (totalCount ==0)//若是沒有記錄，就一頁  
    53. 
   
   
   
   
  53.             totalPage = 1;  
    54. 
   
   
   
   
  54.         else  
    55. 
   
   
   
   
  55.         {  
    56. 
   
   
   
   
  56.             if (totalCount % PDS.PageSize == 0) //若是是整數頁  
    57. 
   
   
   
   
  57.                 totalPage = totalCount / PDS.PageSize;  
    58. 
   
   
   
   
  58.             else  
    59. 
   
   
   
   
  59.                 totalPage = totalCount / PDS.PageSize + 1; //若是非整數頁  
    60. 
   
   
   
   
  60.         }  
    61. 
   
   
   
   
  61.         PDS.CurrentPageIndex = curPage - 1;  
    62. 
   
   
   
   
  62.         lblCurrentPage.Text = "共" + totalCount.ToString() + "條記錄，當前頁" + curPage.ToString() + "/" + totalPage;//共30條記錄，當前頁1/2  
    63. 
   
   
   
   
  63.         lnkFrist.NavigateUrl = Request.CurrentExecutionFilePath+"?page=1";//獲取當前請求的虛擬路徑  
    64. 
   
   
   
   
  64.         if (!PDS.IsFirstPage) //若是不是第一頁  
    65. 
   
   
   
   
  65.             lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + Convert.ToInt32(curPage - 1);  
    66. 
   
   
   
   
  66.         if (!PDS.IsLastPage) //若是不是最後一頁  
    67. 
   
   
   
   
  67.             lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + Convert.ToInt32(curPage + 1);  
    68. 
   
   
   
   
  68.         lnkEnd.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + totalPage;  
    69. 
   
   
   
   
  69.  
    70. 
   
   
   
   
  70.         Rept1.DataSource = PDS;  
    71. 
   
   
   
   
  71.         Rept1.DataBind();  
    72. 
   
   
   
   
  72.     }  
    73. 
   
   
   
   
  73.  
    74. 
   
   
   
   
  74.     protected void btnDel_Click(object sender, EventArgs e)  
    75. 
   
   
   
   
  75.     {  
    76. 
   
   
   
   
  76.         string ID = "";  
    77. 
   
   
   
   
  77.         for (int i = 0; i < this.Rept1.Items.Count; i++)  
    78. 
   
   
   
   
  78.         {  
    79. 
   
   
   
   
  79.             CheckBox cbox = (CheckBox)this.Rept1.Items[i].FindControl("chkItem");  
    80. 
   
   
   
   
  80.             if (cbox.Checked == true) //選中複選框  
    81. 
   
   
   
   
  81.             {  
    82. 
   
   
   
   
  82.                 if (ID == "")  
    83. 
   
   
   
   
  83.                 {  
    84. 
   
   
   
   
  84.                     ID = "'" + ((Label)this.Rept1.Items[i].FindControl("lblID")).Text + "'";//label中存儲字段 id   
    85. 
   
   
   
   
  85.                 }  
    86. 
   
   
   
   
  86.                 else  
    87. 
   
   
   
   
  87.                 {  
    88. 
   
   
   
   
  88.                     ID += ","+"'" + ((Label)this.Rept1.Items[i].FindControl("lblID")).Text + "'";  
    89. 
   
   
   
   
  89.                 }              
    90. 
   
   
   
   
  90.             }  
    91. 
   
   
   
   
  91.         }  
    92. 
   
   
   
   
  92.         strSql = "delete from Category where id in(" + ID + ")"; //刪除選中的記錄行  
    93. 
   
   
   
   
  93.         SqlConnection conn = new SqlConnection(StrConn);  
    94. 
   
   
   
   
  94.         try  
    95. 
   
   
   
   
  95.         {              
    96. 
   
   
   
   
  96.             SqlCommand cmd = new SqlCommand(strSql, conn);  
    97. 
   
   
   
   
  97.             cmd.Connection.Open();  
    98. 
   
   
   
   
  98.             cmd.ExecuteNonQuery();  
    99. 
   
   
   
   
  99.             cmd.Connection.Close();  
    100. 
   
   
   
   
  100.             System.Web.HttpContext.Current.Response.Write("<script language='javascript'>alert('刪除成功！');</script>"); //刪除成功後，提示對話框  
    101. 
   
   
   
   
  101.  
    102. 
   
   
   
   
  102.         }  
    103. 
   
   
   
   
  103.         catch (System.Data.SqlClient.SqlException E)  
    104. 
   
   
   
   
  104.         {  
    105. 
   
   
   
   
  105.             throw new Exception(E.Message);  
    106. 
   
   
   
   
  106.         }  
    107. 
   
   
   
   
  107.         finally  
    108. 
   
   
   
   
  108.         {  
    109. 
   
   
   
   
  109.             if (conn.State == ConnectionState.Open)  
    110. 
   
   
   
   
  110.                 conn.Close();  
    111. 
   
   
   
   
  111.         }  
    112. 
   
   
   
   
  112.         this.BindRepeater();  
    113. 
   
   
   
   
  113.     }  
    114. 
   
   
   
   
  114. }  
    115. 
   
   
   
   
  115.    
    116.

運行結果html

 

當點擊view 鏈接時，可在目標頁面獲取 id 值java

 

  
  
  
  
    
   
   
   
   
  1. using System;  
    2. 
   
   
   
   
  2. using System.Collections.Generic;  
    3. 
   
   
   
   
  3. using System.Linq;  
    4. 
   
   
   
   
  4. using System.Web;  
    5. 
   
   
   
   
  5. using System.Web.UI;  
    6. 
   
   
   
   
  6. using System.Web.UI.WebControls;  
    7. 
   
   
   
   
  7. using System.Configuration;  
    8. 
   
   
   
   
  8. using System.Data;  
    9. 
   
   
   
   
  9. using System.Data.SqlClient;  
    10. 
   
   
   
   
  10.  
    11. 
   
   
   
   
  11. public partial class ViewDetail : System.Web.UI.Page  
    12. 
   
   
   
   
  12. {  
    13. 
   
   
   
   
  13.     protected void Page_Load(object sender, EventArgs e)  
    14. 
   
   
   
   
  14.     {  
    15. 
   
   
   
   
  15.         Response.Write("由頁面Default傳過來的記錄 ID 是 "+Request.QueryString["id"]) ;  
    16. 
   
   
   
   
  16.     }  
    17. 
   
   
   
   
  17. }  
    18.
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程