主页 > 知识库 > .net开发中批量删除记录时实现全选功能的具体方法

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

热门标签:福州人工智能电销机器人加盟 怎样给陕西地图标注颜色 云狐人工智能电话机器人 广州销售外呼系统定制 400电话办理信任翰诺科技 地图标注多少钱一张 ai电销机器人对贷款有帮助吗 宿迁智能外呼系统排名 电销机器人 数据

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,开发,中,批量,删除,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《.net开发中批量删除记录时实现全选功能的具体方法》相关的同类信息!
  • 本页收集关于.net开发中批量删除记录时实现全选功能的具体方法的相关信息资讯供网民参考!
  • 推荐文章