惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 三生石上(FineUI控件)
S
SegmentFault 最新的问题
Jina AI
Jina AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
IT之家
IT之家
美团技术团队
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
博客园 - 叶小钗
有赞技术团队
有赞技术团队
GbyAI
GbyAI
宝玉的分享
宝玉的分享
腾讯CDC
M
MIT News - Artificial intelligence
博客园 - 【当耐特】
Google DeepMind News
Google DeepMind News
月光博客
月光博客
MyScale Blog
MyScale Blog
Last Week in AI
Last Week in AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 司徒正美
Recent Announcements
Recent Announcements
MongoDB | Blog
MongoDB | Blog

博客园 - henry

Smark.Net.Tcp.XmlService性能测试程序 基于Flex的http简易文件管理工具 性能的瓶颈到底在那呢? 运用Smark.SocketAsyncs扩展基于XML的TCP服务 运用Smark.SocketAsyncs方便实现数据交互服务 实现分布式对象锁 发布一个C#实现的Asterisk的管理系统 asterisk使用SIP相互对接 开源一个基于Flex4+C#的个人信息管理程序 FlashBuilder4试用 这样的重构是否有必要呢? Asterisk2B用户管理逻辑设计 Asterisk发起电话预约回拔 WOW工会DKP管理系统 我的分页控件设计 实现一个JavaScript验证的Asp.net Helper - henry - 博客园 Smark.Data 实体属性值描述 Smark.Data实体成员数据验证 Smark.Data Part1
用JQuery UI dialog实现Alert和Confirm功能 - henry
henry · 2009-10-14 · via 博客园 - henry
  

       JQuery UI dialog虽然可以实现AlertConfirm功能,但每次都要定义相关dialog内容是比较麻烦的。如果只需要简单的调用ShowMsg内容)这样就会省上很多事情,其实只要在JQuery UI dialog的基础上做些简单的工作就可以了。

把功能封装到一个用户控件中,有需要直接引用就可以了。

<%@ Control Language="C#" AutoEventWireup="true" %>

                   <div id="AlertMessage" title="信息确认">

                    <p id="AlertMessageBody"  class="msgbody"></p>

                   </div>

                   <div id="ConfirmMessage" title="信息提问">

                   <p id="ConfirmMessageBody" class="msgbody""></p>

                   </div>

                            <script>

                       $(document).ready(function() {

                           $('#AlertMessage').dialog({

                               autoOpen: false,

                               width: 300,

                               modal: true,

                               buttons: {

                                   "取消": function() {

                                       $(this).dialog("close");

                                   }

                               }

                           });

                           $('#ConfirmMessage').dialog({

                               autoOpen: false,

                               width: 300,

                               modal: true,

                               buttons: {

                                   "取消": function() {

                                       $(this).dialog('close');

                                       mDialogCallback(false);

                                   },

                                   "确定": function() {

                                        $(this).dialog('close');

                                       mDialogCallback(true);

                                   }

                               }

                           });

                       });

                       var mDialogCallback;

                       function ShowMsg(msg, callback) {

                           if (callback == null) {

                               $('#AlertMessageBody').html(msg);

                               $('#AlertMessage').dialog('open');

                           }

                           else {

                               mDialogCallback = callback;

                               $('#ConfirmMessageBody').html(msg);

                               $('#ConfirmMessage').dialog('open');

                           }

                       };

                   </script>

这样以后使用起来就省些事了:

ShowMsg('是否提交活动信息?', function(yes) {

                if (yes) {

                }

            });