GridView中加上CheckBox 的全选功能的代码_asp.net教程-查字典教程网
GridView中加上CheckBox 的全选功能的代码
GridView中加上CheckBox 的全选功能的代码
发布时间:2016-12-29 来源:查字典编辑
摘要:首先我們當然是要先做出一個有資料的GridViewGridView做好後,我們在後方新增一個樣板欄位(TemplateField)請在新增的...

首先我們當然是要先做出一個有資料的GridView

GridView做好後,我們在後方新增一個樣板欄位(TemplateField)

請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用,然後在ItemTemplate也加入一個CheckBox

复制代码 代码如下:

<asp:TemplateField>

<HeaderTemplate>

<asp:CheckBox ID="CheckAll" runat="server" onclick= "SelectAllCheckboxes(this);" Text="全選/取消" ToolTip="按一次全選,再按一次取消全選" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="CheckBox2" runat="server" Text="全選"/>

</ItemTemplate>

</asp:TemplateField>

接著請在該頁面的最底部加上以下的Java Script

复制代码 代码如下:

<script type="text/javascript">

function SelectAllCheckboxes(spanChk)

{

elm=document.forms[0];

for(i=0;i<elm.length;i++)

{

if(elm[i].type=="checkbox" && elm[i].id!=spanChk.id)

{

if(elm.elements[i].checked!=spanChk.checked)

elm.elements[i].click();

}

}

}

</script>

如果您的頁面有套用MasterPage請將上方JS放在</asp:Content>標籤上面,到這裡就已經完成了全選和取消全選的功能了,您可以自行測試看看,再來我們要製作修改的部份(你總不會做出全選/取消的功能只是讓使用者按好玩的吧), 接著在頁面上放置一個按鈕(Button),對按鈕點兩下,切換到程式部份, 切換到程式部份後我們利用以下code去抓出哪些列(ROW)有被打勾

复制代码 代码如下:

int i;

for (i = 0; i < this.GridView1.Rows.Count; i++)

{

if (((CheckBox)GridView1.Rows[i].FindControl("CheckBox2")).Checked)

{

Response.Write(GridView1.DataKeys[i].Value.ToString());

//GridView1.DataKeys[i].Value.ToString()可以抓到該列的DataKeys的值,我設定的是pk值

}

}

如果您的GridVie沒有設定 DataKeyNames="資料欄位"那上方的code就列不出pk值唷

利用以上方式您就可以準確的抓出哪些列有被使用者打勾,來作其他您要執行的程式了

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新asp.net教程学习
    热门asp.net教程学习
    编程开发子分类