A股上市公司传智教育（股票代码 003032）旗下技术交流社区北京昌平校区

传智教育官网黑马程序员官网

 找回密码
 加入黑马
论坛首页 › 学习交流 › 免费资源 › .Net/Unity3D资源 › 正文

gridview实现服务器端和客户端全选的两种方法分享

© 陈君 金牌黑马   /  2014-9-13 22:37  /  1275 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

这篇文章主要介绍了gridview实现服务器端和客户端全选的两种方法,需要的朋友可以参考下

  2. <%@ Page Language="C#" AutoEventWireup="true"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <script runat="server">
  6. // 计算数据，完全可以从数据看取得
  7. ICollection CreateDataSource()
  8. {
  9. System.Data.DataTable dt =new System.Data.DataTable();
  10. System.Data.DataRow dr;
  11. dt.Columns.Add(new System.Data.DataColumn("序号", typeof(System.String)));
  12. dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));
  13. dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));
  14. dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));
  15. dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));
  16. dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));
  17. for (int i =0; i <8; i++)
  18. {
  19. System.Random rd =new System.Random(Environment.TickCount * i); ;
  20. dr = dt.NewRow();
  21. dr[0] = i.ToString();
  22. dr[1] ="【孟子】"+ i.ToString();
  23. dr[2] = System.Math.Round(rd.NextDouble() *100, 2);
  24. dr[3] = System.Math.Round(rd.NextDouble() *100, 2);
  25. dr[4] = System.Math.Round(rd.NextDouble() *100, 2);
  26. dr[5] = System.Math.Round(rd.NextDouble() *100, 2);
  27. dt.Rows.Add(dr);
  28. }
  29. System.Data.DataView dv =new System.Data.DataView(dt);
  30. return dv;
  31. }
  32. protected void Page_Load(object sender, EventArgs e)
  33. {
  34. if (!IsPostBack)
  35. {
  36. GridView2.DataSource = GridView1.DataSource = CreateDataSource();
  37. GridView2.DataBind();
  38. GridView1.DataBind();
  39. }
  40. }
  41. protected void Button1_Click(object sender, EventArgs e)
  42. {
  43. Ret1.Text ="";
  44. foreach (GridViewRow gvr in GridView1.Rows)
  45. {
  46. CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");
  47. if (ch.Checked)
  48. {
  49. Ret1.Text +="<li>GridView1 您选择的是（键值）："+ GridView1.DataKeys[gvr.DataItemIndex].Value.ToString();
  50. }
  51. }
  52. }
  53. protected void Button2_Click(object sender, EventArgs e)
  54. {
  55. Ret2.Text ="";
  56. foreach (GridViewRow gvr in GridView2.Rows)
  57. {
  58. CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");
  59. if (ch.Checked)
  60. {
  61. Ret2.Text +="<li>GridView2 您选择的是（键值）："+ GridView2.DataKeys[gvr.DataItemIndex].Value.ToString();
  62. }
  63. }
  64. }
  65. protected void CheckAll(object sender, EventArgs e)
  66. {
  67. CheckBox cbx = (CheckBox)sender;
  68. foreach (GridViewRow gvr in GridView1.Rows)
  69. {
  70. CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox");
  71. ch.Checked = cbx.Checked;
  72. }
  73. }
  74. </script>
  75. <html xmlns="http://www.w3.org/1999/xhtml">
  76. <head>
  77. <title>GridView 实现服务器端和客户端全选的两种方法</title>
  78. <script type="text/javascript">
  79. //<![CDATA[
  80. function CheckAll(oCheckbox)
  81. {
  82. var GridView2 = document.getElementById("<%=GridView2.ClientID %>");
  83. for(i =1;i < GridView2.rows.length; i++)
  84. {
  85. GridView2.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
  86. }
  87. }

  89. //]]>
  90. </script>
  91. </head>
  92. <body>
  93. <form id="Form1" runat="server">
  94. <table style="width:800px;font-size:12px;">
  95. <tr valign="top">
  96. <td>
  97. <asp:GridView ID="GridView1" runat="server" Font-Size="12px" BackColor="#FFFFFF"
  98. GridLines="Both" CellPadding="4" DataKeyNames="序号" AutoGenerateColumns="false">
  99. <HeaderStyle BackColor="#EDEDED" Height="26px"/>
  100. <Columns>
  101. <asp:TemplateField>
  102. <HeaderTemplate>
  103. <asp:CheckBox ID="CheckBox1" runat="server" Text="全选" AutoPostBack="true" OnCheckedChanged="CheckAll"/>
  104. </HeaderTemplate>
  105. <ItemTemplate>
  106. <asp:CheckBox ID="ItemCheckBox" runat="server"/>
  107. </ItemTemplate>
  108. </asp:TemplateField>
  109. <asp:BoundField DataField="学生姓名" HeaderText="学生姓名"/>
  110. <asp:BoundField DataField="语文" HeaderText="语文"/>
  111. <asp:BoundField DataField="数学" HeaderText="数学"/>
  112. <asp:BoundField DataField="英语" HeaderText="英语"/>
  113. <asp:BoundField DataField="计算机" HeaderText="计算机"/>
  114. </Columns>
  115. </asp:GridView>
  116. <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="得到选择的行值"/>
  117. </td>
  118. <td align="right">
  119. <asp:GridView ID="GridView2" runat="server" Font-Size="12px" BackColor="#FFFFFF"
  120. GridLines="Both" CellPadding="4" DataKeyNames="序号" AutoGenerateColumns="false">
  121. <HeaderStyle BackColor="#EDEDED" Height="26px"/>
  122. <Columns>
  123. <asp:TemplateField>
  124. <HeaderTemplate>
  125. <input id="Checkbox2" type="checkbox" onclick="CheckAll(this)" runat="server"/><label>全选</label>
  126. </HeaderTemplate>
  127. <ItemTemplate>
  128. <asp:CheckBox ID="ItemCheckBox" runat="server"/>
  129. </ItemTemplate>
  130. </asp:TemplateField>
  131. <asp:BoundField DataField="学生姓名" HeaderText="学生姓名"/>
  132. <asp:BoundField DataField="语文" HeaderText="语文"/>
  133. <asp:BoundField DataField="数学" HeaderText="数学"/>
  134. <asp:BoundField DataField="英语" HeaderText="英语"/>
  135. <asp:BoundField DataField="计算机" HeaderText="计算机"/>
  136. </Columns>
  137. </asp:GridView>
  138. <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="得到选择的行值"/>
  139. </td>
  140. </tr>
  141. <tr valign="top">
  142. <td>
  143. <asp:Literal ID="Ret1" runat="server"></asp:Literal>
  144. </td>
  145. <td align="right">
  146. <asp:Literal ID="Ret2" runat="server"></asp:Literal>
  147. </td>
  148. </tr>
  149. </table>
  150. </form>
  151. </body>
  152. </html>
复制代码



服务器客户端

0 个回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 加入黑马