js 删除 根据不同情况,弹出不同窗口。

本文介绍如何在GridView中根据不同行内容设置个性化的删除确认提示。通过JavaScript获取特定列的值,并根据这些值显示不同的提示信息。

在Gridview 中根据行内容的不同,删除时提示不同。

第一步:前期初步实现这个功能的方法是,可以再gridview 中增加一列,用于存储 提示的内容,然后用js 调用这里面的内容就可以了。

第二步 :代码实现 js 获取 gridview中的内容 

  function delcfm_fc() {
            //获取鼠标点击的元素
            var e = event.srcElement;
            //获取元素所在的行的行号(表头行号从0开始)。注意:parentElement只适用于IE浏览器,而parentNode则符合DOM标准。
            //var rowIndex=e.parentElement.parentElement.rowIndex ;
            var rowIndex = e.parentNode.parentNode.rowIndex;
            //获取GridView控件
            var gdview = document.getElementById("GridView2");
            //分别获取选定行指定列的值
            var value = gdview.rows(rowIndex).cells(27).innerText;
            var strs = new Array();
            var newtr = "";
            if (value != null && value != "") {
                strs = value.split(","); //拆分字符串
                if (strs[0] == "1房对1资") {
                    if (!confirm("删除该项房产,必须删除对应的资产。是否确定?")) {
                        window.event.returnValue = false;
                    }
                }
                if (strs[0] == "1房对多资") {
                    for (var i = 1; i < strs.length; i++) {
                        newtr += strs[i] + "  ";
                    }
                    if (!confirm("删除该房产,则对应的资产 " + newtr + "也会被删除,是否确定?")) {
                        window.event.returnValue = false;
                    }
                }
                if (strs[0] == "1资对多房") {
                    if (!confirm("是否删除该项房产,是否确定?")) {
                        window.event.returnValue = false;
                    }
                }
            }
            else {
                if (!confirm("是否删除该项房产,是否确定?")) {
                    window.event.returnValue = false;
                }

            }


        }


//gridview中的删除按钮:

<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton ID="f_btnsc" runat="server" Text="删除" CommandName="f_sc" OnClientClick="return delcfm_fc()" />
</ItemTemplate>
</asp:TemplateField>

 

第三步:如果js提示的内容不显示的话 那就把它隐藏了 不过要用style去隐藏

  <style type="text/css">
       
        .yangshi
        {
            display: none;
        }
        
       
    </style>


<asp:BoundField DataField="zcfcGX" HeaderText="zcfcGX">
                            <HeaderStyle CssClass="yangshi" />
                            <ItemStyle CssClass="yangshi" />
                        </asp:BoundField>

 

 

转载于:https://www.cnblogs.com/smile-wei/archive/2012/10/20/2732076.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值