[英]How to show message from code behind in bootstrap's modal popup in asp.net c#
实际上,我的意思是当我单击模式弹出窗口中的asp dot net按钮时。 当我单击该按钮时,我要从服务器打印消息,提示是否正确保存了数据。
当我单击按钮时,引导程序的模式弹出窗口消失了回发的bcoz。 我该怎么做才能从服务器打印消息。
以下是我的HTML模态弹出式代码。
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<asp:Label ID="lblMessage" runat="server" ></asp:Label>
</div>
<div class="modal-footer">
<asp:Button ID="Button2" OnClick="Button2_Click" runat="server" Text="Click Me" />
</div>
</div>
</div>
</div>
C#代码
protected void Button2_Click(object sender, EventArgs e)
{
Label1.Text = "I am called";
}
将逻辑添加到click事件中以在回发后重新打开模式,或者寻找其他回发到服务器的方法,例如使用AJAX。
后面的代码:
protected void Button2_Click(object sender, EventArgs e)
{
lblMessage.Text = "I am called";
ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "showModal();", true);
}
.ASPX:
<head runat="server">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript">
function showModal() {
$("#myModal").modal('show');
}
$(function () {
$("#btnShow").click(function () {
showModal();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" id="btnShow" value="Show Modal" />
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<asp:Label ID="lblMessage" runat="server"></asp:Label>
</div>
<div class="modal-footer">
<asp:Button ID="Button2" runat="server" Text="Click Me" OnClick="Button2_Click" />
</div>
</div>
</div>
</div>
</form>
</body>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.