欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

GridView中加上CheckBox 的全選功能的代碼

 更新時(shí)間:2013年03月11日 21:24:41   作者:  
GridView中加上CheckBox 的全選功能的代碼,需要的朋友可以參考一下

首先我們當(dāng)然是要先做出一個(gè)有資料的GridView
GridView做好後,我們?cè)卺岱叫略鲆粋€(gè)樣板欄位(TemplateField)
請(qǐng)?jiān)谛略龅臉影鍣谖恢械腍eaderTemplate加入一個(gè)CheckBox作為全選用,然後在ItemTemplate也加入一個(gè)CheckBox

復(fù)制代碼 代碼如下:

<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>

接著請(qǐng)?jiān)谠擁?yè)面的最底部加上以下的Java Script

復(fù)制代碼 代碼如下:

<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>

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

復(fù)制代碼 代碼如下:

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的值,我設(shè)定的是pk值     
    }     
}

如果您的GridVie沒(méi)有設(shè)定 DataKeyNames="資料欄位"那上方的code就列不出pk值唷

利用以上方式您就可以準(zhǔn)確的抓出哪些列有被使用者打勾,來(lái)作其他您要執(zhí)行的程式了

相關(guān)文章

  • .net通過(guò)Action進(jìn)行Options參數(shù)的傳遞的方法

    .net通過(guò)Action進(jìn)行Options參數(shù)的傳遞的方法

    在.NET Core中,使用Action和Options參數(shù)方式配置服務(wù)并將配置信息對(duì)象注冊(cè)到IServiceCollection的好處在于,它提供了更高級(jí)別的可配置性和可擴(kuò)展性,這篇文章主要介紹了.net通過(guò)Action進(jìn)行Options參數(shù)的傳遞,你知道是怎么實(shí)現(xiàn)的嗎,需要的朋友可以參考下
    2023-12-12
  • 在.NET Core中用最原生的方式讀取Nacos的配置方法(推薦)

    在.NET Core中用最原生的方式讀取Nacos的配置方法(推薦)

    這篇文章主要介紹了在.NET Core中用最原生的方式讀取Nacos的配置方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-04-04
  • Win10 IIS 安裝.net 4.5的方法

    Win10 IIS 安裝.net 4.5的方法

    這篇文章主要介紹了Win10 IIS 安裝及.net 4.5及Win10安裝IIS并配置ASP.NET 4.0的方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-09-09
  • asp.net 上傳圖片并同時(shí)生成縮略圖的代碼

    asp.net 上傳圖片并同時(shí)生成縮略圖的代碼

    asp.net 上傳圖片并同時(shí)生成縮略圖的代碼,需要的朋友可以參考下。
    2010-02-02
  • .Net學(xué)習(xí)筆記之Layui多圖片上傳功能

    .Net學(xué)習(xí)筆記之Layui多圖片上傳功能

    這篇文章主要給大家介紹了關(guān)于.Net學(xué)習(xí)筆記之Layui多圖片上傳功能的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用.Net具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • 詳解EFCore中的導(dǎo)航屬性

    詳解EFCore中的導(dǎo)航屬性

    這篇文章主要介紹了詳解EFCore中的導(dǎo)航屬性的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)使用ASP.NET CORE,感興趣的朋友可以了解下
    2021-03-03
  • .net?core?api接口JWT方式認(rèn)證Token

    .net?core?api接口JWT方式認(rèn)證Token

    本文詳細(xì)講解了.net?core?api接口JWT方式認(rèn)證Token,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-12-12
  • 深入.net調(diào)用webservice的總結(jié)分析

    深入.net調(diào)用webservice的總結(jié)分析

    本篇文章是對(duì).net調(diào)用webservice進(jìn)行了詳細(xì)的總結(jié)與分析,需要的朋友參考下
    2013-05-05
  • ASP.NET Gridview 中使用checkbox刪除的2種方法實(shí)例分享

    ASP.NET Gridview 中使用checkbox刪除的2種方法實(shí)例分享

    ASP.NET Gridview 中使用checkbox刪除的2種方法實(shí)例分享,需要的朋友可以參考一下
    2013-06-06
  • asp.net下使用jQuery.AutoComplete完成仿淘寶商品搜索自動(dòng)完成功能(改進(jìn)了鍵盤上下選擇體驗(yàn))

    asp.net下使用jQuery.AutoComplete完成仿淘寶商品搜索自動(dòng)完成功能(改進(jìn)了鍵盤上下選擇體驗(yàn))

    其實(shí)這個(gè)已經(jīng)是個(gè)比較常見(jiàn)的功能了,網(wǎng)上也有很多人做過(guò)這個(gè)了,但是很多都是僅僅做了一些基本的網(wǎng)頁(yè)上自動(dòng)完成功能,沒(méi)有與具體的數(shù)據(jù)庫(kù)進(jìn)行聯(lián)動(dòng),我今天所介紹這個(gè)自動(dòng)完成的就是我修改的jQuery.AutoComplete+數(shù)據(jù)庫(kù)的一個(gè)解決方案。
    2010-05-05

最新評(píng)論