我正在使用JQuery-UI对话框来加载MVC局部视图
以下是一些示例代码:
$(function () {
function fSetupDialogs() {
$("#dialog-popup").dialog({
autoOpen: false,
resizable: true,
modal: true
});
}
});
$('body').on('click', '.popup-Edit',
function (e) {
url = $(this).data("url");
$("#dialog-popup")
.load(url)
.html("<img src='/content/images/Spinner.gif'>")
.dialog("option", "title", "Edit " + url.split("/").pop())
.dialog('open');
}
);
尽管偶尔会出现一些奇怪的滚动条和东西,但这种效果还算不错。
问题是当视图抛出错误时,我无法弄清楚如何检查它并在jqueryui面板中显示它
因此,如果视图返回500或401错误,我想捕获它并在对话框中显示它。现在发生的事情是旋转器GIF只是永远坐在那里。如果我打开F12控制台,我可以在那里看到错误。
我尝试使用.error
事件处理程序,它会捕获它并弹出一个消息框。但我想在弹出窗口中显示:
// This pops up an error alert
$("#dialog-popup")
.load(url)
.error(alert("error"))
.html("<img src='/content/images/Spinner.gif'>")
.dialog("option", "title", "Edit " + url.split("/").pop())
.dialog('open');
如何在对话框中显示内容?这没有效果 - 旋转器留在那里
// This has no effect - I want to see the words "error"
$("#dialog-popup")
.load(url)
.error($("#dialog-popup").html("error"))
.html("<img src='/content/images/Spinner.gif'>")
.dialog("option", "title", "Edit " + url.split("/").pop())
.dialog('open');
对于奖励积分,我如何使用javascript错误对象来识别401,500这些什么? - 我还没有那么做。
答案 0 :(得分:1)
我查看了自己的代码,找到了答案。
load
方法采用可用于执行我需要的回调参数
我编写了一个名为popupComplete
的函数,在加载完成时调用它。
// This loads a partial MVC view into the popup
$("#dialog-popup")
.load(url,popupComplete)
.html("<div align='middle'><img src='/content/images/Spinner.gif'></div>")
.dialog("option", "title", "New")
.dialog("open");
// when the load is complete, this is called
// which optionally displays an error inside the popup
function popupComplete(response, status, xhr) {
if (status === "error") {
var msg =
"<BR><BR><BR><H3 style='text-align: center;'><span style='color: red;' class='glyphicon glyphicon-fire'></span> Confound it!<BR><BR>" +
xhr.status + " " + xhr.statusText +
"<BR><BR>" + (xhr.status == 401 ? "Try logging in again" : "") +
"</B></H3>";
$("#dialog-popup").html(msg);
}
}