gridview實現(xiàn)服務器端和客戶端全選的兩種方法分享
<%@ 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">
// 計算數(shù)據(jù)，完全可以從數(shù)據(jù)看取得
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("數(shù)學", 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 實現(xiàn)服務器端和客戶端全選的兩種方法</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="數(shù)學" HeaderText="數(shù)學"/>
<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="數(shù)學" HeaderText="數(shù)學"/>
<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>
相關文章
這篇文章主要介紹了asp.net獲取網(wǎng)站目錄物理路徑的方法,需要的朋友可以參考下2014-02-02
獲取根目錄的URL例如http://localhost:51898
這篇文章主要介紹了獲取根目錄的URL的方法,需要的朋友可以參考下2014-02-02
此頁的狀態(tài)信息無效,可能已損壞 的處理辦法及原因分析
此頁的狀態(tài)信息無效,可能已損壞 的處理辦法及原因分析，需要的朋友可以參考一下2013-06-06
asp.net使用jQuery獲取RadioButtonList成員選中內容和值示例
這篇文章主要介紹了通過jQuery來獲取RadioButtonList成員內容的方法，大家參考使用吧2014-01-01
此文件imgSmall.ashx專門用來生成圖片的縮略圖,可以減少服務器壓力,降低網(wǎng)絡流量,初學者必備2011-11-11
這篇文章主要介紹了C#中的switch case的使用，下面有個示例，大家可以參考下2014-06-06
這篇文章介紹了Asp.net Core項目配置HTTPS支持的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
ASP.NET Core MVC獲取請求的參數(shù)方法示例
這篇文章主要給大家介紹了關于ASP.NET Core MVC是如何獲取請求的參數(shù)，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ASP.NET Core MVC具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-05-05
Asp.Net Core MVC項目實現(xiàn)多語言實例（Globalization/Localization）
本篇文章主要介紹了Asp.Net Core MVC項目實現(xiàn)多語言實例（Globalization/Localization） ，具有一定的參考價值，有興趣的可以了解一下2017-06-06
MongoDB.Net工具庫MongoRepository使用方法詳解
這篇文章主要為大家詳細介紹了MongoDB.Net工具庫MongoRepository的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01