萬盛學電腦網 >> 網絡編程 >> asp.net編程 >> gridview實現服務器端和客戶端全選的兩種方法
gridview實現服務器端和客戶端全選的兩種方法
這篇文章主要介紹了gridview實現服務器端和客戶端全選的兩種方法,需要的朋友可以參考下
代碼如下: <%@ Page Language="C#" AutoEventWireup="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] ="【孟子】"+ 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>asp.net編程排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved