• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    .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;
    }

    上一篇:为GridView的行添加鼠标经过、点击事件的小例子
    下一篇:详细介绍.NET中的动态编译技术
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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