当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > ASP.NET 2.0中实现弹窗报警提示

ASP.NET
asp.net css注释的影响
ASP.NET与数据库相关技巧
关于HtmlForm控件
三色交替的下拉列表框
精通ASP.NET中弹出窗口技术
ASP.NET Forums与现有系统整合方案示例
ASP.NET操作IIS中的虚拟目录
DataGrid与SQL Server 2000数据绑定
如何让Web应用程序在Client端实现导出报表功能
如何保证web app中的Send Email线程稳定性
关于用ASP.Net识别远程主机服务器种类
ASP.NET中上传下载文件
提高ASP.NET性能的方法
asp.net StreamReader 创建文件
asp.net如何生成图片验证码(简单)
一个.net 压缩位图至JPEG的代码
简单的SQL Server数据库数据读取与数据操作
获取网站的RSS聚合到自己的网页
.Net程序中整站通用的防SQL注入函数
asp.net生成缩略图及给原始图加水印的函数

No. « 19 20 21 22 »

技术文章搜索

关键字

ASP.NET 2.0中实现弹窗报警提示

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-08-14   浏览: 112 ::
收藏到网摘: n/a

在 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>&nbsp; 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>