gridview實(shí)現(xiàn)服務(wù)器端和客戶端全選的兩種方法分享
<%@ 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">
// 計(jì)算數(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("序號(hào)", typeof(System.String)));
dt.Columns.Add(new System.Data.DataColumn("學(xué)生姓名", typeof(System.String)));
dt.Columns.Add(new System.Data.DataColumn("語文", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("數(shù)學(xué)", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("英語", typeof(System.Decimal)));
dt.Columns.Add(new System.Data.DataColumn("計(jì)算機(jī)", 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 實(shí)現(xiàn)服務(wù)器端和客戶端全選的兩種方法</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="序號(hào)" 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="學(xué)生姓名" HeaderText="學(xué)生姓名"/>
<asp:BoundField DataField="語文" HeaderText="語文"/>
<asp:BoundField DataField="數(shù)學(xué)" HeaderText="數(shù)學(xué)"/>
<asp:BoundField DataField="英語" HeaderText="英語"/>
<asp:BoundField DataField="計(jì)算機(jī)" HeaderText="計(jì)算機(jī)"/>
</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="序號(hào)" 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="學(xué)生姓名" HeaderText="學(xué)生姓名"/>
<asp:BoundField DataField="語文" HeaderText="語文"/>
<asp:BoundField DataField="數(shù)學(xué)" HeaderText="數(shù)學(xué)"/>
<asp:BoundField DataField="英語" HeaderText="英語"/>
<asp:BoundField DataField="計(jì)算機(jī)" HeaderText="計(jì)算機(jī)"/>
</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>
- GridView中點(diǎn)擊CheckBox選中一行來改變此行的顏色
- gridview 行選添加顏色和事件
- GridView選擇性導(dǎo)出Excel解決方案
- 如何將數(shù)據(jù)綁到gridview然后導(dǎo)成excel
- asp.net讀取excel中的數(shù)據(jù)并綁定在gridview
- GridView生成的HTML代碼示例對(duì)比
- gridview的buttonfield獲取該行的索引值(實(shí)例講解)
- Gridview自動(dòng)排序功能的實(shí)現(xiàn)
- 獲取Gridview中ButtonField的text屬性
- DevExpress實(shí)現(xiàn)GridView當(dāng)無數(shù)據(jù)行時(shí)提示消息
相關(guān)文章
ASP.NET中ListView(列表視圖)的使用前臺(tái)綁定附源碼
ListView(列表視圖)想必大家都知道吧,接下來本文將介紹下ListView的使用前臺(tái)綁定,感興趣的你可不要錯(cuò)過本文了哈2013-03-03
在應(yīng)用程序級(jí)別之外使用注冊(cè)為allowDefinition=''MachineToApplication''的節(jié)是錯(cuò)誤的
在應(yīng)用程序級(jí)別之外使用注冊(cè)為 allowDefinition='MachineToApplication' 的節(jié)是錯(cuò)誤的2009-03-03
.Net使用RabbitMQ實(shí)現(xiàn)短信密碼重置的操作步驟
在C#開發(fā)中,通過RabbitMQ實(shí)現(xiàn)短信服務(wù)可增強(qiáng)應(yīng)用的消息通知能力,本文介紹了使用RabbitMQ發(fā)送短信的步驟,包括安裝RabbitMQ客戶端庫、創(chuàng)建連接和通道、實(shí)現(xiàn)短信發(fā)送服務(wù)、配置RabbitMQ消費(fèi)者,并集成到用戶密碼重置流程中,通過示例代碼,可以快速理解整個(gè)實(shí)現(xiàn)過程2024-09-09
ASP.NET?Core中使用Redis實(shí)現(xiàn)緩存
本文詳細(xì)講解了ASP.NET?Core中使用Redis實(shí)現(xiàn)緩存的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03
ASP.NET實(shí)現(xiàn)推送文件到瀏覽器的方法
這篇文章主要介紹了ASP.NET實(shí)現(xiàn)推送文件到瀏覽器的方法,可實(shí)現(xiàn)將文件推送到瀏覽器供用戶瀏覽或下載的功能,需要的朋友可以參考下2015-06-06
MVC+EasyUI+三層新聞網(wǎng)站建立 詳情頁面制作方法(八)
這篇文章主要為大家詳細(xì)介紹了MVC+EasyUI+三層新聞網(wǎng)站建立的第八篇,教大家如何制作詳情頁面,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07

