gpt4 book ai didi

.net开发中批量删除记录时实现全选功能的具体方法

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章.net开发中批量删除记录时实现全选功能的具体方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

1 . JS实现全选 。

往页面上拖一个GridView,设置好数据源,并为GridView添加一个模板列,往模板列里添加一个chekcbox,比如下面的代码 。

复制代码代码如下:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID"     DataSourceID="SqlDataSource1">     <Columns>         <asp:BoundField DataField="ProductID" HeaderText="ProductID" InsertVisible="False"             ReadOnly="True" SortExpression="ProductID" />         <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />         <asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />         <asp:BoundField DataField="CategoryID" HeaderText="CategoryID" SortExpression="CategoryID" />         <asp:TemplateField>             <ItemTemplate>                 <asp:CheckBox ID="chk_Del" runat="server" />             </ItemTemplate>         </asp:TemplateField>     </Columns> </asp:GridView> 。

  。

//接下来往页面上添加一个checkbox控件 。

<asp:CheckBox ID="chk_JS" runat="server" Text="全选(JS)" onclick="selectAll(this)"/> //并为该控件编写JS脚本如下:  <script type="text/javascript"> 。

    //根据传入的checkbox的选中状态设置所有checkbox的选中状态     function selectAll(obj)     {         var allInput = document.getElementsByTagName("input");         //alert(allInput.length);         var loopTime = allInput.length;         for(i = 0;i < loopTime;i++)         {             //alert(allInput[i].type);             if(allInput[i].type == "checkbox")             {                 allInput[i].checked = obj.checked;             }         }     } </script> //基本效果就有了,接下来我们在点缀一下。在网页中添加一个button <asp:Button ID="btn_DeleteRecords" runat="server" OnClientClick="return judgeSelect();" Text="删除选中记录" /> //添加JS脚本 //判断是否选中记录,用户确认删除 function judgeSelect() {     var result = false;     var allInput = document.getElementsByTagName("input");     var loopTime = allInput.length;     for(i = 0;i < loopTime;i++)     {         if(allInput[i].checked)         {             result = true;             break;         }     }     if(!result)     {         alert("请先选则要删除的记录!");         return result;     }     result = confirm("你确认要删除选定的记录吗?");     return result; } 。

2通过服务器端代码实现全选 。

  。

.net开发中批量删除记录时如何实现全选功能 。

向页面同添加一个CheckBox并将AutoPostBack属性设置成true,并为它添加CheckedChanged事件 <asp:CheckBox ID="chk_Server" runat="server" OnCheckedChanged="chk_Server_CheckedChanged" Text="全选(Server)" AutoPostBack="True" /> 事件代码如下 。

复制代码代码如下:

int a = this.GridView1.Rows.Count;
for (int i = 0; i < a; i++)
{
    CheckBox chk = (CheckBox)this.GridView1.Rows[i].FindControl("chk_Del");
    chk.Checked = this.chk_Server.Checked;
}

最后此篇关于.net开发中批量删除记录时实现全选功能的具体方法的文章就讲到这里了,如果你想了解更多关于.net开发中批量删除记录时实现全选功能的具体方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com