ASP.NET,jQuery,脏窗体和window.onbeforeunload

发布时间：2020-12-15 19:00:23 所属栏目：asp.Net 来源：网络整理

导读：在我的ASP.NET网络应用程序中,我尝试创建一种通用的方式来警告用户,在使用jQuery进行更改之前,先从表单导航.相当标准的东西,但经过大量的搜索,我还没有找到一种有效的技术. 这是我现在所在的： addToPostBack = function(func) { var old__doPostBack = __do

在我的ASP.NET网络应用程序中,我尝试创建一种通用的方式来警告用户,在使用jQuery进行更改之前,先从表单导航.相当标准的东西,但经过大量的搜索,我还没有找到一种有效的技术.

这是我现在所在的：

addToPostBack = function(func) {
        var old__doPostBack = __doPostBack;
        if (typeof __doPostBack != 'function') {
            __doPostBack = func;
        } else {
            __doPostBack = function() {
                old__doPostBack();
                func();
            }
        }
    }

    var isDirty = false;

    $(document).ready(function() {
        addToPostBack(function() {
            alert("Postback detected.")
            clearDirty();
        });
        $(':input').bind("change select keydown",setDirty);
        window.onbeforeunload = function(e) {
            var msg = "You have unsaved changes. "
            if (isDirty == true) {
                var e = e || window.event;
                if (e) { e.returnValue = msg; }
                return msg;
            }
        };
    });

    setDirty = function() {isDirty = true;}

    clearDirty = function() {isDirty = false;}

只要警告用户不要离开就行了.问题是我在每个相同的页面回发上收到警告.我的表单上有许多可能会触发回发的内容：

>页面上有保存,取消和删除链接按钮
>页面上可能还有其他的linkbutton在同一页面上执行服务器端功能
>可能还有其他的控件,autopostback = true,它们也附有服务器端功能,但不会导致用户离开页面.

这些东西都不应该引起警告,因为用户没有离开页面.我的代码试图劫持addToPostBack(more details on that in this question)在发布之前清除isDirty位,但问题是在IE onbeforeunload在__doPostBack之前触发,显然是因为当点击链接时,IE会立即触发onb??eforeunload(as described here).

当然,我可以连接每个这些控件以清除isDirty位,但是我更喜欢在表单级别上运行的解决方案,并且不需要我触摸可能触发回发的每个控件.

有没有人有一种在ASP.NET中工作的方法,并且不涉及每个可能导致回发的控件的布线？

解决方法

我碰到这个帖子,而谷歌在一个解决方案做同样的事情在MVC.这个解决方案,从Herb的上面改编,似乎运作良好.由于没有关于MVC的具体内容,因此对于PHP,Classic ASP或使用HTML和JQuery的任何其他类型的应用程序来说,它也应该是一样的.

var isDirty = false;

$(document).ready(function () {
    $(':input').bind("change select keydown",setDirty);
    $('form').submit(clearDirty);

    window.onbeforeunload = function (e) {
        var msg = "You have unsaved changes. "
        if (isDirty == true) {
            var e = e || window.event;
            if (e) { e.returnValue = msg; }
            return msg;
        }
    };
});

setDirty = function () { isDirty = true; }
clearDirty = function () { isDirty = false; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!