李晓亮的博客

导航

【转】GridView 实现服务器端和客户端全选的两种方法

代码很简单,这里就不累述了。看代码如下:

例子

C#

<%@ Page Language="C#" AutoEventWireup="true" EnableViewState="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> // 计算数据,完全可以从数据看取得 ICollection CreateDataSource() { System.Data.DataTable dt = new System.Data.DataTable(); System.Data.DataRow dr; dt.Columns.Add(new System.Data.DataColumn("序号", typeof(System.String))); dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String))); dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal))); dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal))); dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal))); dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal))); for (int i = 0; i < 8; i++) { System.Random rd = new System.Random(Environment.TickCount * i); ; dr = dt.NewRow(); dr[0] = i.ToString(); dr[1] = "【孟子E章】" + i.ToString(); dr[2] = System.Math.Round(rd.NextDouble() * 100, 2); dr[3] = System.Math.Round(rd.NextDouble() * 100, 2); dr[4] = System.Math.Round(rd.NextDouble() * 100, 2); dr[5] = System.Math.Round(rd.NextDouble() * 100, 2); dt.Rows.Add(dr); } System.Data.DataView dv = new System.Data.DataView(dt); return dv; } protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { GridView2.DataSource = GridView1.DataSource = CreateDataSource(); GridView2.DataBind(); GridView1.DataBind(); } } protected void Button1_Click(object sender, EventArgs e) { Ret1.Text = ""; foreach (GridViewRow gvr in GridView1.Rows) { CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox"); if (ch.Checked) { Ret1.Text += "<li>GridView1 您选择的是(键值):" + GridView1.DataKeys[gvr.DataItemIndex].Value.ToString(); } } } protected void Button2_Click(object sender, EventArgs e) { Ret2.Text = ""; foreach (GridViewRow gvr in GridView2.Rows) { CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox"); if (ch.Checked) { Ret2.Text += "<li>GridView2 您选择的是(键值):" + GridView2.DataKeys[gvr.DataItemIndex].Value.ToString(); } } } protected void CheckAll(object sender, EventArgs e) { CheckBox cbx = (CheckBox)sender; foreach (GridViewRow gvr in GridView1.Rows) { CheckBox ch = (CheckBox)gvr.FindControl("ItemCheckBox"); ch.Checked = cbx.Checked; } } </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>GridView 实现服务器端和客户端全选的两种方法</title> <script type="text/javascript"> //<![CDATA[ function CheckAll(oCheckbox) { var GridView2 = document.getElementById("<%=GridView2.ClientID %>"); for(i = 1;i < GridView2.rows.length; i++) { GridView2.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked; } } //]]> </script> </head> <body> <form id="Form1" runat="server"> <table style="width:800px;font-size:12px;"> <tr valign="top"> <td> <asp:GridView ID="GridView1" runat="server" Font-Size="12px" BackColor="#FFFFFF" GridLines="Both" CellPadding="4" DataKeyNames="序号" AutoGenerateColumns="false"> <headerstyle backcolor="#EDEDED" height="26px" /> <columns> <asp:TemplateField> <headertemplate> <asp:CheckBox ID="CheckBox1" runat="server" Text="全选" AutoPostBack="true" OnCheckedChanged="CheckAll" /> </headertemplate> <itemtemplate> <asp:CheckBox ID="ItemCheckBox" runat="server" /> </itemtemplate> </asp:TemplateField> <asp:BoundField datafield="学生姓名" headertext="学生姓名" /> <asp:BoundField datafield="语文" headertext="语文" /> <asp:BoundField datafield="数学" headertext="数学" /> <asp:BoundField datafield="英语" headertext="英语" /> <asp:BoundField datafield="计算机" headertext="计算机" /> </columns> </asp:GridView> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="得到选择的行值" /> </td> <td align="right"> <asp:GridView ID="GridView2" runat="server" Font-Size="12px" BackColor="#FFFFFF" GridLines="Both" CellPadding="4" DataKeyNames="序号" AutoGenerateColumns="false"> <headerstyle backcolor="#EDEDED" height="26px" /> <columns> <asp:TemplateField> <headertemplate> <input id="Checkbox2" type="checkbox" onclick="CheckAll(this)" runat="server" /><label>全选</label> </headertemplate> <itemtemplate> <asp:CheckBox ID="ItemCheckBox" runat="server" /> </itemtemplate> </asp:TemplateField> <asp:BoundField datafield="学生姓名" headertext="学生姓名" /> <asp:BoundField datafield="语文" headertext="语文" /> <asp:BoundField datafield="数学" headertext="数学" /> <asp:BoundField datafield="英语" headertext="英语" /> <asp:BoundField datafield="计算机" headertext="计算机" /> </columns> </asp:GridView> <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="得到选择的行值" /> </td> </tr> <tr valign="top"> <td> <asp:Literal ID="Ret1" runat="server"></asp:Literal> </td> <td align="right"> <asp:Literal ID="Ret2" runat="server"></asp:Literal> </td> </tr> </table> </form> </body> </html>

posted on 2010-12-04 20:17  LeeXiaoLiang  阅读(170)  评论(0编辑  收藏  举报