为了账号安全,请及时绑定邮箱和手机立即绑定

首先判断是否有选择记录,再confirm用户确认删除

标签:
JavaScript

用户操作删除记录之前给用户一个确认是否删除的提示。一般情况之下,一条记录一条记录删除是没有问题的。但是,如遇到可以多选,如果用户没有选择记录,直接去点删除铵钮,它会首先提示删除前的确认信息,再提示用户没有选择想要删除的记录。
Insus.NET想实现的是,把它的顺序调换一下,首先判断用户是否有选择记录,如果没有,提示用户选择记录,一旦有选择记录时,才提示删除前确认信息。

下面实例,将是GridView第一例放置一个CheckBox,让用户多选记录,然后在Gridview外放一个Delete铵钮。

xxx.aspx:

5acf07340001405b00110016.jpgView Code  <asp:Button ID="ButtonDelete" Text="Delete" runat="Server" OnClick="ButtonDelete_Click"
                CausesValidation="false" />
            <asp:GridView ID="GvCutterType" runat="server" DataKeyNames="CutterTypeId" AutoGenerateColumns="false">
                <Columns>
                    <asp:TemplateField>
                        <ItemStyle BorderWidth="1" BorderColor="#c0c0c0" Width="1%" />
                        <ItemTemplate>
                            <asp:CheckBox ID="CheckBox1" runat="server" onclick="Javascript:changeRowBgColor(this)" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <!--
                        other column templateField
                    -->
                </Columns>
            </asp:GridView>

 

xxx.aspx.cs:

5acf07340001405b00110016.jpgView Code  protected void Page_Load(object sender, EventArgs e)
    {       
        this.ButtonDelete.Attributes.Add("onclick", "return ConfirmOnDelete();"); 
    }
  
    protected void ButtonDelete_Click(object sender, EventArgs e)
    {
       //do delete something
    }   

 

Javascript:

5acf07340001405b00110016.jpgView Code  function ConfirmOnDelete() {
            if (document.getElementById("<%= GvCutterType.ClientID %>") == null) {
                return false;
            }

            var objgv = document.getElementById("<%= GvCutterType.ClientID %>");
            var rc = objgv.rows.length;

            var y = 0;
            for (var i = 0; i < rc; i++) {
                var getInput = objgv.rows[i].cells[0].getElementsByTagName("input");
                if (getInput[0].type == "checkbox") {
                    if (getInput[0].checked) {
                        y = y + 1;
                    }
                }
            }

            if (y <= 0) {
                alert("首先选择想要删除的记录。");
                return false;
            }

            if (confirm("以下选择的记录将被删除。") == true)
                return true;
            else
                return false;
        }

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消