如何使用 c# 在 asp.net 中隐藏和显示警报

     2023-04-12     205

关键词:

【中文标题】如何使用 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">&times;</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">&times;</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 属性到按钮,如` `

如何使用 WCF 在 ASP.NET c# 中显示一行数据网格

】如何使用WCF在ASP.NETc#中显示一行数据网格【英文标题】:HowtodisplayonerowofdatagridinASP.NETc#usingWCF【发布时间】:2015-06-1017:03:43【问题描述】:我正在使用WCF开发Silverlight应用程序。我想在数据网格中显示数据库中的特定行。我找... 查看详情

如何在 ASP.NET 中显示来自 C# 的警告框?

】如何在ASP.NET中显示来自C#的警告框?【英文标题】:HowtodisplayanalertboxfromC#inASP.NET?【发布时间】:2013-04-2812:56:19【问题描述】:我正在使用detail-view,并希望在我的代码块末尾显示一个警告框,上面写着:谢谢!您的数据已成... 查看详情

如何从后面的代码中隐藏和显示 asp.net 中的 asp:buttons?

】如何从后面的代码中隐藏和显示asp.net中的asp:buttons?【英文标题】:Howtohideanddisplayasp:buttonsinasp.netfromcodebehind?【发布时间】:2014-04-0110:18:10【问题描述】:我正在开发asp.net网络应用程序。在一个页面中,我有两个asp按钮。我... 查看详情

如何使用 C# 从 ASP.NET 中的 SQL Server 数据库中检索和显示 GridView 中的值

】如何使用C#从ASP.NET中的SQLServer数据库中检索和显示GridView中的值【英文标题】:HowtoretrieveanddisplayvaluesinGridViewfromSQLServerdatabaseinASP.NETusingC#【发布时间】:2020-10-1421:54:02【问题描述】:我正在MicrosoftVisualStudio2010中创建一个Web应... 查看详情

如何在asp.net中隐藏寻呼机

】如何在asp.net中隐藏寻呼机【英文标题】:Howtohidepagerinasp.net【发布时间】:2012-04-0622:17:57【问题描述】:我正在使用分页器与ListView进行分页,但问题是,当从表中找不到行时。在这种情况下,寻呼机也显示分页。所以,我的... 查看详情

如何使用 C# asp.net 在 GridView 中添加文件上传日期和/或时间?

】如何使用C#asp.net在GridView中添加文件上传日期和/或时间?【英文标题】:Howtoaddafileuploaddateand/ortimeinGridViewusingC#asp.net?【发布时间】:2020-03-2518:35:48【问题描述】:protectedvoidButton2_Click(objectsender,EventArgse)if(FileUpload1.HasFile)stringfil... 查看详情

ASP.NET, C# |如何在控制器中使用方法(和返回值)?

】ASP.NET,C#|如何在控制器中使用方法(和返回值)?【英文标题】:ASP.NET,C#|Howtouseamethod(andthereturnedvalue)withacontroller?【发布时间】:2021-02-0917:45:56【问题描述】:我正在做一个学校项目,但我被困住了。我正在尝试从用户那里获... 查看详情

如何在 C# 类(.cs 文件)和 ASP.NET .aspx 文件中使用相同的 OracleMembershipProvider?

】如何在C#类(.cs文件)和ASP.NET.aspx文件中使用相同的OracleMembershipProvider?【英文标题】:HowcanyouusethesameOracleMembershipProviderinC#classes(.csfiles)ANDASP.NET.aspxfiles?【发布时间】:2011-10-1122:14:18【问题描述】:问题来了,我想使用内置的... 查看详情

如何使用 c# 在 asp.net 页面中部署或显示 s-s-rS 报告?

】如何使用c#在asp.net页面中部署或显示s-s-rS报告?【英文标题】:Howtodeployorshowas-s-rSreportinasp.netpageusingc#?【发布时间】:2013-07-0506:22:24【问题描述】:我制作了一个s-s-rS报告,当我运行报告时显示所有所需的数据,但当我尝试在... 查看详情

Asp.net 如何将列表从代码隐藏发送到 javascript 以在 googlemap 中显示坐标

】Asp.net如何将列表从代码隐藏发送到javascript以在googlemap中显示坐标【英文标题】:Asp.nethowcanIsendalistfromcodebehindtojavascriptfordisplayingcoordinatesingooglemap【发布时间】:2014-04-1722:36:30【问题描述】:我目前是使用asp.net的新手。我希望... 查看详情

asp.net里面的javascript没有设置隐藏字段值

...ript调用中查看alert语句,警报会正确显示纬度和经度值。如何填充C#代码中的隐藏字段,以便在页面加载时将这些值作为电子邮件发送。请帮忙aspx代码:<%@PageLanguage="C#"AutoEventWireup= 查看详情

如何根据页面加载事件中的两个日期在 asp.net 中显示或隐藏文本框

】如何根据页面加载事件中的两个日期在asp.net中显示或隐藏文本框【英文标题】:Howtoshoworhideatextboxinasp.netbasedontwodatesinpageloadevent【发布时间】:2020-04-2118:29:26【问题描述】:我有一个带有标签、2个日期选择器和一个文本框的... 查看详情

如何使用 C# 和 ASP.NET 从网页中截取 div?

】如何使用C#和ASP.NET从网页中截取div?【英文标题】:HowtotakescreenshotofdivfromawebpageusingC#andASP.NET?【发布时间】:2011-06-1723:15:44【问题描述】:我想从我在网站上生成的html创建动态图像。我有生成PSN奖杯卡、XboxLIVE玩家卡、Steam玩... 查看详情

如何在asp.net c# web应用程序中使用asp.net vb页面

】如何在asp.netc#web应用程序中使用asp.netvb页面【英文标题】:Howtouseasp.netvbpagesinasp.netc#webapplication【发布时间】:2014-06-2604:45:53【问题描述】:我们已经用C#在ASP.NET上创建了我们的网站。但是另一位开发人员在VB.NET上创建了她的... 查看详情

如何使用 C# 和 jQuery 在 ASP.NET MVC 的下拉列表中应用 Select 2

】如何使用C#和jQuery在ASP.NETMVC的下拉列表中应用Select2【英文标题】:HowtoapplySelect2indropdownlistinASP.NETMVCusingC#andjQuery【发布时间】:2021-09-0319:00:52【问题描述】:我正在尝试在我的ASP.NETMVC视图的下拉列表中应用select2jQuery函数,但... 查看详情

使用 c# 在 asp.net 中集成 paypal

...法将产品数量和详细信息发送到paypal页面。登录贝宝后,如何重定向到我自己的评论页面,其中显示了送货地址和帐单地址?【问题 查看详情

在 C# 和 ASP.NET MVC 中使用存储过程

...激。我确实添加了存储过程并为其创建了函数,但不知道如何将它添加到我的 查看详情

如何在 c# ASP.NET 中使用 GridView_RowCommand 事件从 GridView 获取图像

】如何在c#ASP.NET中使用GridView_RowCommand事件从GridView获取图像【英文标题】:HowtogetimagefromGridViewusingGridView_RowCommandeventinc#ASP.NET【发布时间】:2015-06-2811:32:57【问题描述】:我正在使用c#ASP.NET在GridView内进行编辑操作。当用户单击... 查看详情