[英]Is there a way to send Alerts from content to master page?
Im looking for a way to send messages from mi content-pages in ASP to my master page.我正在寻找一种将消息从 ASP 中的 mi 内容页面发送到我的母版页的方法。 I've tried to use the Alert component from bootstrap, and i cant get it to work.我尝试使用引导程序中的警报组件,但我无法让它工作。
This is my code so far:到目前为止,这是我的代码:
Masterpage母版页
<Master Language="VB" AutoEventWireup="false" CodeBehind="MasterPage.Master.vb" Inherits="FoodBusinessManager.Master" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<style type="text/css">
.messagealert {
width: 100%;
position: fixed;
top:0px;
z-index: 100000;
padding: 0;
font-size: 15px;
}
</style>
<script type="text/javascript">
function ShowMessage(message, messagetype) {
var cssclass;
switch (messagetype) {
case 'Success':
cssclass = 'alert-success'
break;
case 'Error':
cssclass = 'alert-danger'
break;
case 'Warning':
cssclass = 'alert-warning'
break;
default:
cssclass = 'alert-info'
}
$('#alert_container').append('<div id="alert_div" style="margin: 0 0.5%; -webkit-box-shadow: 3px 4px 6px #999;" class="alert fade in ' + cssclass + '"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>' + messagetype + '!</strong> <span>' + message + '</span></div>');
}
</script>
<asp:ContentPlaceHolder ID="Head" runat="server"></asp:ContentPlaceHolder>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="navbar-header">
<a class="navbar-brand" href="#">Food Business Manager</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Seguridad
</a>
<div id="menu_Administracion" class="dropdown-menu" aria-labelledby="navbarDropdown">
<a id="drop_BackupRestore" class="dropdown-item" href="#">Backup & Restore</a>
<a id="drop_Bitacora" class="dropdown-item" href="Bitacora.aspx">Bitacora</a>
<a id="drop_Idiomas" class="dropdown-item" href="Idiomas.aspx">Administrar Idiomas</a>
<a id="drop_Perfiles "class="dropdown-item" href="AgegarPermisos.aspx">Agregar Perfiles</a>
</div>
</li>
</ul>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="fas fa-power-off"></span> Logout</a></li>
</ul>
</nav>
<div>
<asp:ContentPlaceHolder ID="Contenido" runat="server">
<div class="messagealert" id="alert_container"></div>
</asp:ContentPlaceHolder>
</div>
</body>
</html>
My content page is empty我的内容页面是空的
Contentpage-backend内容页面后端
Public Class Default1
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'Session.Add("test", "1")
MostrarMensaje("Mensaje de Prueba", "Success")
End Sub
Protected Sub MostrarMensaje(Mensaje As String, Tipo As String)
ScriptManager.RegisterStartupScript(Me.Master.Page, Me.Master.GetType, System.Guid.NewGuid().ToString, "ShowMessage('" & Mensaje & "','" & Tipo & "');", True)
End Sub
End Class
What im trying to achieve here is to implement some kind of message component to implement once, and use all-around my content pages.我在这里试图实现的是实现某种消息组件来实现一次,并使用我的内容页面。 Im willing to accept other aproaches to this:)我愿意接受其他方法:)
Thanks in advance..提前致谢..
I tried your code, you managed to call Javascript method but you just need to remove fade in
from class to show alert:我试过你的代码,你设法调用 Javascript 方法,但你只需要从 class 中删除fade in
以显示警报:
class="alert fade in ' + cssclass + '"
Should be:应该:
class="alert ' + cssclass + '"
See: https://getbootstrap.com/docs/4.0/components/alerts/请参阅: https://getbootstrap.com/docs/4.0/components/alerts/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.