asp.net GridView控件中實現(xiàn)全選的解決方案
更新時間:2010年03月05日 23:14:29 作者:
在GridView中我們經(jīng)常要利用復選按鈕實現(xiàn)全選的功能,下面針對這一解決方案做以總結
第一種:利用客戶端控件實現(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>
第二種:利用服務器端控件實現(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>
第二種:利用服務器端控件實現(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中gridview控件的多種使用方法(上)
- 靈活掌握asp.net中gridview控件的多種使用方法(下)
相關文章
.NET性能調優(yōu)之一:ANTS Performance Profiler的使用介紹
本系列文章主要會介紹一些.NET性能調優(yōu)的工具、Web性能優(yōu)化的規(guī)則(如YSlow)及方法等等內(nèi)容。成文前最不希望看到的就是園子里不間斷的“哪個語言好,哪個語言性能高”的爭論,不多說,真正的明白人都應該知道這樣的爭論有沒有意義,希望我們能從實際性能優(yōu)化的角度去討論問題2013-01-01如何利用FluentMigrator實現(xiàn)數(shù)據(jù)庫遷移
這篇文章主要給大家介紹了關于如何利用FluentMigrator實現(xiàn)數(shù)據(jù)庫遷移的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-04-04.NET客戶端實現(xiàn)Redis中的管道(PipeLine)與事物(Transactions)
本文主要介紹了.NET客戶端實現(xiàn)Redis中的管道(PipeLine)與事物(Transactions)的相關知識。具有很好的參考價值,下面跟著小編一起來看下吧2017-03-03基于.NET Core 3.1 網(wǎng)站開發(fā)和部署的方法
這篇文章主要介紹了基于.NET Core 3.1 網(wǎng)站開發(fā)和部署的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-08-08