我在DotNetNuke模块中使用以下JQuery块:
jquery(document).ready(function (){
$( "#dialog:ui-dialog").dialog("destroy");
$( "#dialog-message").dialog({
modal: true,
buttons: {
Ok: function(){
$( this ).dialog("close");
}
}
});
});
</script>
<div id="dialog-message" title="Registration Confirmed">
我不知道当用户单击"确定"按钮时,如何将其重定向到主页?此外,如何将对话框消息DIV连接到只有在单击ASP:Button时才会触发?
非常感谢!!
您可以在Button上放置OnClientClick,并调用一个显示模态的函数。单击"确定"按钮后,您可以将窗口的位置更改为主页的路径。
HTML
<asp:Button runat="server" ID="btn_ShowModal" OnClientClick="showModal(); return false;" />
Javascript
function showModal()
{
$( "#dialog-message").dialog({
modal: true,
buttons: {
Ok: function(){
$( this ).dialog("close");
window.location = "pathToHomepage";
}
}
});
}
编辑在javascript和web开发中,通常可以使用两种类型的路径:相对路径和绝对路径。
相对路径:从当前目录开始,然后使用"/"前进到目录并使用""访问所需位置/'返回
绝对路径:到所需位置的完整url
你可以在这里找到更全面的描述
"~//"是服务器端的"快捷方式",不幸的是,如果不使用类似this的东西,它就无法在客户端工作。ResolveClientUrl.
'<%= this.ResolveClientUrl("~/default.aspx") %>'
<script type="text/javascript">
function ShowPopup(message) {
$(function () {
$("#dialog").html(message);
$("#dialog").dialog({
title: "Alert",
buttons: {
Close: function () {
$(this).dialog('close');
window.location = "home.aspx";
}
},
modal: true
});
});
};
</script>
客户端
string message = "Profile Updated!!.";
ClientScript.RegisterStartupScript(this.GetType(), "Popup", "ShowPopup('" + message + "');", true);