如何使用 c# 在 asp.net 中隐藏和显示警报
Posted
技术标签:
【中文标题】如何使用 c# 在 asp.net 中隐藏和显示警报【英文标题】:How to hide and display alert in asp.net using c# 【发布时间】:2020-09-26 08:16:00 【问题描述】:所以我有一个简单的 asp.net 应用程序,当单击按钮时,我想根据用户的提交向用户发出成功警报或错误警报。 我陷入困境的是,虽然我能够隐藏我的消息,但单击 asp:button 时却无法让它出现。
这是我想要隐藏的引导警报:
<div class="alert alert-success collapse" role="alert">
<a href="#" class ="close" data-dismiss="alert">×</a>
This is a success alert—check it out!</div>
这是我用来尝试调用它的 c# 代码:
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert",
"<script>$(document).ready(function() $('.alert-success').show(); " +
"$('.alert-danger'); ); </script>");
在网上找不到太多关于 c# 代码的内容,所以就决定了。 我所拥有的有什么问题,我怎样才能让它发挥作用?
【问题讨论】:
【参考方案1】:您必须向按钮添加属性ClientIDMode
并扩展RegisterClientScriptBlock
中的代码,以便将侦听器附加到按钮。
ClientIDMode
ClientID 值设置为 ID 属性的值。如果 控件是一个命名容器,控件用作顶部 它包含的任何控件的命名容器层次结构。
<asp:Button ID="button" runat="server" ClientIDMode="Static" Text="Button" />
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert",
@"<script>$(document).ready(function()
$('#button').click(function()
$('.alert-success').show();
)
);</script>");
示例
$(document).ready(function()
$('#button').click(function()
$('.alert-success').show();
)
);
.alert
display: none;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<div>
<div class="alert alert-success alert-dismissible" role="alert">
<a href="#" class="close" data-dismiss="alert">×</a> This is a success alert—check it out!</div>
<!--That would be asp:button-->
<button id="button">Show Alert</button>
</div>
【讨论】:
嘿,非常感谢,效果很好,但我是 asp.net 的新手,我想知道这个 .alert display: none; 去?很好的答案,这正是我想要的。 添加一个style
标签并把它放在那里。如果您不喜欢它作为替代添加style
属性到按钮,如` `以上是关于如何使用 c# 在 asp.net 中隐藏和显示警报的主要内容,如果未能解决你的问题,请参考以下文章
如何从后面的代码中隐藏和显示 asp.net 中的 asp:buttons?
如何使用 C# 从 ASP.NET 中的 SQL Server 数据库中检索和显示 GridView 中的值