asp.net GridView控件中實現(xiàn)全選的解決方案
更新時間:2010年03月05日 23:14:29 作者:
在GridView中我們經(jīng)常要利用復選按鈕實現(xiàn)全選的功能,下面針對這一解決方案做以總結(jié)
第一種:利用客戶端控件實現(xiàn)
JS:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>
GridView控件:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="產(chǎn)品編號" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
第二種:利用服務(wù)器端控件實現(xiàn)
protected void 全選_CheckedChanged(object sender, EventArgs e)
{
if (全選.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}
JS:
復制代碼 代碼如下:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>
GridView控件:
復制代碼 代碼如下:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="產(chǎn)品編號" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
第二種:利用服務(wù)器端控件實現(xiàn)
復制代碼 代碼如下:
protected void 全選_CheckedChanged(object sender, EventArgs e)
{
if (全選.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}
您可能感興趣的文章:
- ASP.NET 2.0/3.5中直接操作Gridview控件插入新記錄
- asp.net GridView控件鼠標移動某行改變背景顏色(方法一)
- asp.net GridView控件中模板列CheckBox全選、反選、取消
- ASP.NET2.0中用Gridview控件操作數(shù)據(jù)的代碼
- ASP.NET GridView控件在列上格式化時間及DataFormatString使用
- asp.net的GridView控件使用方法大全
- asp.net中GridView控件遍歷的小例子
- Asp.net的GridView控件實現(xiàn)單元格可編輯方便用戶使用
- ASP.NET4 GridView的四種排序樣式詳解
- ASP.NET使用GridView導出Excel實現(xiàn)方法
- asp.net gridview分頁:第一頁 下一頁 1 2 3 4 上一頁 最末頁
- ASP.NET中為GridView添加刪除提示框的方法
- asp.net中GridView數(shù)據(jù)鼠標移入顯示提示信息
- 如何用jQuery實現(xiàn)ASP.NET GridView折疊伸展效果
- ASP.NET GridView中加入RadioButton不能單選的解決方案
- 靈活掌握asp.net中g(shù)ridview控件的多種使用方法(上)
- 靈活掌握asp.net中g(shù)ridview控件的多種使用方法(下)
相關(guān)文章
c# 讀取Northwind數(shù)據(jù)庫image字段
我在寫一個三層結(jié)構(gòu)Demo時,使用了Northwind這個范例數(shù)據(jù)庫。但是奇怪的是,讀取Categories表的Picture列(image類型)無法在image控件中正常顯示(解決方案在后面代碼中可以看到)。2009-03-03
.Net Core 使用NLog記錄日志到文件和數(shù)據(jù)庫的操作方法
這篇文章主要介紹了.Net Core 使用NLog記錄日志到文件和數(shù)據(jù)庫的操作方法,本文分步驟通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2021-07-07
.net通過Action進行Options參數(shù)的傳遞的方法
在.NET Core中,使用Action和Options參數(shù)方式配置服務(wù)并將配置信息對象注冊到IServiceCollection的好處在于,它提供了更高級別的可配置性和可擴展性,這篇文章主要介紹了.net通過Action進行Options參數(shù)的傳遞,你知道是怎么實現(xiàn)的嗎,需要的朋友可以參考下2023-12-12
DataList 中動態(tài)綁定服務(wù)器子控件的代碼
DataList 中動態(tài)綁定服務(wù)器子控件的代碼...2007-09-09
asp.net 簡易生成注冊碼(數(shù)字+大小寫字母)
注釋寫的很詳細,不做過多的描述了,希望能給初學者帶來一些幫助,同時也是自己知識的一個積累過程。2008-11-11

