Javascript 带有批量编辑网格的Telerik MVC网站在窗口关闭时防止未保存的更改

我在ASP.NETMVC3中有一个使用Razor引擎的网页。我在这个页面中使用TelerikMVC网格批处理编辑。使用Telerik内置的onDataBinding事件，如果用户试图转到下一页，我可以强制用户保存其更改。但当用户关闭浏览器窗口或单击标题上的菜单按钮时，如果网格中有未保存的更改，则不会提示用户保存这些更改。我怎么处理这个？？请帮忙。我想给用户一个提示，告诉他他有未保存的更改

谢谢，

---

SDD

您可以捕获浏览器关闭事件，并通过调用.hasChanges方法检查Telerik网格是否有任何未保存的更改

---

您可以捕获浏览器关闭事件，并通过调用.hasChanges方法检查Telerik网格是否有任何未保存的更改

---

@sdd对您有帮助吗？@sdd对您有帮助吗？

function wireUpEvents() {

  // Check for grid changes before page unload
  window.onbeforeunload = function() {
        var grid = $("#MyGrid").data('tGrid');
        if (grid.hasChanges()) {
            if (!confirm('You are going to lose any unsaved changes. Are you sure?')) {
                e.preventDefault();
       }
    }
  }
}

// Wire up the events as soon as the DOM is ready
$(document).ready(function() {
  wireUpEvents();  
});