现在的位置: 首页 > 综合 > 正文

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

2012年12月15日 ⁄ 综合 ⁄ 共 1364字 ⁄ 字号 评论关闭

在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>

 

 

抱歉!评论已关闭.