ASP.NET 2.0中实现弹窗报警提示
来源:互联网 发布:在家的网络工作有哪些 编辑:程序博客网 时间:2024/04/29 13:13
在 web应用中,比如OA中,经常要用到一些提示,比如EMAIL到达了,就做个象MSN那样的提示框,弹出给用户提示,然后再关闭。在asp.net 2.0的ajax中,这个现在不难做到了,刚好看到老外的一篇文章,讲解到,下面小结
比如有个数据库表,是存放EMAIL的,当数据库表中的EMAIL一有的时候,就提示用户,首先简单写一个WEBSERVICE如下
以下为引用的内容:[ScriptService]
public class InboxService : System.Web.Services.WebService
{
[WebMethod]
public int GetLatestNumberOfEmails()
{
int numberOfEmails = 0;
using (SqlConnection conn = new SqlConnection(WebConfigurationManager.ConnectionStrings[0].ConnectionString))
{
using (SqlCommand cmd = new SqlCommand("GetLatestNumberOfEmails", conn))
{
cmd.CommandType = CommandType.StoredProcedure;
conn.Open();
numberOfEmails = (int)cmd.ExecuteScalar();
}
}
return numberOfEmails;
}
}
这里要注意要在客户端通过AJAX调用WEBSERICE,要加上[ScriptService]
2 在default.aspx中,首先加入一个updateprogress控件,如下
以下为引用的内容:<asp:UpdateProgress DynamicLayout="False" ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div id="modal" class="modal">
<div class="modalTop">
<div class="modalTitle">My Inbox</div>
<span style="CURSOR: hand" onclick="javascript:HidePopup();">
<img alt="Hide Popup" src="App_Themes/Default/images/close_vista.gif" border="0" />
</span>
</div>
<div class="modalBody">
You received <strong><span id="modalBody"></span></strong> Email(s).
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
这里的关闭X按钮,调用javascript的脚本,等阵再说
然后当然要加scriptmanager控件了,如下
以下为引用的内容: <asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/InboxService.asmx" />
</Services>
</asp:ScriptManager>
这里调用了我们刚才写的webservice
之后是写script了
以下为引用的内容:<script type="text/javascript">
var numberOfEmails_original= 0;
var app = Sys.Application;
app.add_init(applicationInitHandler);
function applicationInitHandler(sender, args) {
InboxService.GetLatestNumberOfEmails(OnCurrentNumberOfEmailsReady);
}
首先,默认的当然是0封邮件了,有变量来存放当前邮件数量,之后是在ajax中的初始化事件中调用webserice的方法了,并且回调OnCurrentNumberOfEmailsReady方法,
以下为引用的内容:function OnCurrentNumberOfEmailsReady(result, userContext, methodName) {
numberOfEmails_original= result;
// Start Checking
StartChecking();
}
OnCurrentNumberOfEmailsReady方法将WEBSERVICE调用的结果(当前状态下有多少封信RESULT)返回给变量,然后调用sartchecking()方法
function StartChecking() {
InboxService.GetLatestNumberOfEmails(OnLastestNumberOfEmailsReady);
}
startchecking方法,继续回调OnLastestNumberOfEmailsReady方法
function OnLastestNumberOfEmailsReady(result, userContext, methodName) {
var numberOfEmails_new= result;
if (numberOfEmails_new > numberOfEmails_original) {
ShowPopup();
$get("modalBody").innerHTML= numberOfEmails_new - numberOfEmails_original;
// Update the count here
numberOfEmails_original= numberOfEmails_new;
}
// Start checking again
window.setTimeout(StartChecking, 10000);
}
这个方法,用当前邮件数-原来邮件数,就得出新增了多少封邮件了,再将结果赋值给显示区域的modalbody,并且记得把当前邮件数量的,变量更新哦(numberOfEmails_original= numberOfEmails_new;)
然后再用setimeout来设置每隔10000毫秒检查一次了
以下为引用的内容: function ShowPopup() {
$get("UpdateProgress1").style.visibility= "visible";
$get("UpdateProgress1").style.display= "block";
}
function HidePopup() {
$get("UpdateProgress1").style.visibility= "hidden";
$get("UpdateProgress1").style.display= "none";
}
</script>
- asp.net 2.0中实现弹窗报警提示
- ASP.NET 2.0中实现弹窗报警提示
- ASP.NET 2.0中使用AJAX实现弹窗报警提示
- ASP.NET 2.0中实现弹窗报警提示 類似Email 到達
- asp.net 2.0 ajax中实现弹出窗口报警提示
- asp.net 2.0 ajax中实现弹出窗口报警提示
- asp.net 2.0 ajax中实现弹出窗口报警提示
- asp.net 2.0 ajax中实现弹出窗口报警提示
- asp.net 2.0 ajax中实现弹出窗口报警提示
- ASP.NET2.0中实现弹窗报警提示
- ASP.NET利用ajax实现弹窗报警提示,邮件到达示例
- ASP.NET中提示音乐的实现
- 在Asp.net中如何实现弹出提示对话框
- 在Asp.net中如何实现弹出提示对话框()
- 在Asp.net中如何实现弹出提示对话框
- 在Asp.net中如何实现弹出提示对话框
- 在Asp.net中如何实现弹出提示对话框
- 在Asp.net中如何实现弹出提示对话框()
- 一位软件工程师的6年总结
- super 关键字
- 并发集合类 ConcurrentHashMap 和 CopyOnWriteArrayList(
- javascript仿qq可折叠菜单
- 新Windows管理员常犯的10个错误
- ASP.NET 2.0中实现弹窗报警提示
- Asp.net 常用函数
- JXL(针对Excel操作)系列之五:简单的(WEB)导入操作
- VSS、CVS、SVN和ClearCase等配置工具的评估和比较
- 人的大脑是一个二阶的逻辑系统
- 继承中的构造方法
- 人的差异在于你的业余时间是如何利用的
- VC所支持的文件类型
- ping 域名显示 Ping request could not find host 但是nslookup能正常解析