|
 |
栏目导栏 |
|
| |
|
|
|
|
|
资料搜索 |
|
| |
|
|
|
|
|
热门文章 |
|
| |
|
|
|
|
|
最新文章 |
|
| |
|
|
|
| |
| |
|
|
|
| |
| asp.net 2.0 ajax中实现弹出窗口报警提示 |
|
在 web应用中，比如OA中，经常要用到一些提示，比如EMAIL到达了，就做个象MSN那样的提示框，弹出给用户提示，然后 KTSLinux联盟
再关闭。在asp.net 2.0的ajax中，这个现在不难做到了，刚好看到老外的一篇文章，讲解到，下面小结之 KTSLinux联盟
（原文：http://aspalliance.com/1306_How_to_Show_MessengerLike_Popups_Using_AJAX） KTSLinux联盟
KTSLinux联盟
比如有个数据库表，是存放EMAIL的，当数据库表中的EMAIL一有的时候，就提示用户，首先简单写一个WEBSERVICE如下 KTSLinux联盟
[ScriptService] KTSLinux联盟
public class InboxService : System.Web.Services.WebService KTSLinux联盟
{ KTSLinux联盟
[WebMethod] KTSLinux联盟
public int GetLatestNumberOfEmails() KTSLinux联盟
{ KTSLinux联盟
int numberOfEmails = 0; KTSLinux联盟
KTSLinux联盟
using (SqlConnection conn = new SqlConnection(WebConfigurationManager.ConnectionStrings[0].ConnectionString)) KTSLinux联盟
{ KTSLinux联盟
using (SqlCommand cmd = new SqlCommand("GetLatestNumberOfEmails", conn)) KTSLinux联盟
{ KTSLinux联盟
cmd.CommandType = CommandType.StoredProcedure; KTSLinux联盟
KTSLinux联盟
conn.Open(); KTSLinux联盟
numberOfEmails = (int)cmd.ExecuteScalar(); KTSLinux联盟
} KTSLinux联盟
} KTSLinux联盟
KTSLinux联盟
return numberOfEmails; KTSLinux联盟
} KTSLinux联盟
} KTSLinux联盟
这里要注意要在客户端通过AJAX调用WEBSERICE，要加上[ScriptService] KTSLinux联盟
KTSLinux联盟
2 在default.aspx中，首先加入一个updateprogress控件，如下 KTSLinux联盟
<asp:UpdateProgress DynamicLayout="False" ID="UpdateProgress1" runat="server"> KTSLinux联盟
<ProgressTemplate> KTSLinux联盟
<div id="modal" class="modal"> KTSLinux联盟
<div class="modalTop"> KTSLinux联盟
<div class="modalTitle">My Inbox</div> KTSLinux联盟
<span style="CURSOR: hand" onclick="javascript:HidePopup();"> KTSLinux联盟
<img alt="Hide Popup" src="App_Themes/Default/images/close_vista.gif" border="0" /> KTSLinux联盟
</span> KTSLinux联盟
</div> KTSLinux联盟
<div class="modalBody"> KTSLinux联盟
You received <strong><span id="modalBody"></span></strong> Email(s). KTSLinux联盟
</div> KTSLinux联盟
</div> KTSLinux联盟
</ProgressTemplate> KTSLinux联盟
</asp:UpdateProgress> KTSLinux联盟
KTSLinux联盟
这里的关闭X按钮，调用javascript的脚本，等阵再说 KTSLinux联盟
然后当然要加scriptmanager控件了，如下 KTSLinux联盟
<asp:ScriptManager ID="ScriptManager1" runat="server"> KTSLinux联盟
<Services> KTSLinux联盟
<asp:ServiceReference Path="~/InboxService.asmx" /> KTSLinux联盟
</Services> KTSLinux联盟
</asp:ScriptManager> KTSLinux联盟
这里调用了我们刚才写的webservice KTSLinux联盟
之后是写script了 KTSLinux联盟
<script type="text/javascript"> KTSLinux联盟
var numberOfEmails_original= 0; KTSLinux联盟
KTSLinux联盟
var app = Sys.Application; KTSLinux联盟
app.add_init(applicationInitHandler); KTSLinux联盟
KTSLinux联盟
function applicationInitHandler(sender, args) { KTSLinux联盟
InboxService.GetLatestNumberOfEmails(OnCurrentNumberOfEmailsReady); KTSLinux联盟
} KTSLinux联盟
KTSLinux联盟
KTSLinux联盟
KTSLinux联盟
首先，默认的当然是0封邮件了，有变量来存放当前邮件数量， KTSLinux联盟
之后是在ajax中的初始化事件中调用webserice的方法了，并且回调OnCurrentNumberOfEmailsReady方法， KTSLinux联盟
KTSLinux联盟
function OnCurrentNumberOfEmailsReady(result, userContext, methodName) { KTSLinux联盟
numberOfEmails_original= result; KTSLinux联盟
KTSLinux联盟
// Start Checking KTSLinux联盟
StartChecking(); KTSLinux联盟
} KTSLinux联盟
KTSLinux联盟
OnCurrentNumberOfEmailsReady方法将WEBSERVICE调用的结果（当前状态下有多少封信RESULT）返回给变量，然后调用sartchecking()方法 KTSLinux联盟
KTSLinux联盟
function StartChecking() { KTSLinux联盟
InboxService.GetLatestNumberOfEmails(OnLastestNumberOfEmailsReady); KTSLinux联盟
} KTSLinux联盟
KTSLinux联盟
startchecking方法，继续回调OnLastestNumberOfEmailsReady方法 KTSLinux联盟
KTSLinux联盟
function OnLastestNumberOfEmailsReady(result, userContext, methodName) { KTSLinux联盟
var numberOfEmails_new= result; KTSLinux联盟
if (numberOfEmails_new > numberOfEmails_original) { KTSLinux联盟
ShowPopup(); KTSLinux联盟
$get("modalBody").innerHTML= numberOfEmails_new - numberOfEmails_original; KTSLinux联盟
KTSLinux联盟
// Update the count here KTSLinux联盟
numberOfEmails_original= numberOfEmails_new; KTSLinux联盟
} KTSLinux联盟
KTSLinux联盟
// Start checking again KTSLinux联盟
window.setTimeout(StartChecking, 10000); KTSLinux联盟
} KTSLinux联盟
KTSLinux联盟
这个方法，用当前邮件数-原来邮件数，就得出新增了多少封邮件了，再将结果赋值给显示区域的modalbody，并且记得把当前邮件数量的 KTSLinux联盟
变量更新哦（numberOfEmails_original= numberOfEmails_new; KTSLinux联盟
） KTSLinux联盟
KTSLinux联盟
然后再用setimeout来设置每隔10000毫秒检查一次了 KTSLinux联盟
KTSLinux联盟
function ShowPopup() { KTSLinux联盟
$get("UpdateProgress1").style.visibility= "visible"; KTSLinux联盟
$get("UpdateProgress1").style.display= "block"; KTSLinux联盟
} KTSLinux联盟
function HidePopup() { KTSLinux联盟
$get("UpdateProgress1").style.visibility= "hidden"; KTSLinux联盟
$get("UpdateProgress1").style.display= "none"; KTSLinux联盟
} KTSLinux联盟
</script> KTSLinux联盟
Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论 |
|
|
|
|
|
