|
我们先看下效果
这个是使用开源库 toastr 实现的。
首先,下载附件并解压到extjs文件夹下面(为了偷懒直接使用extjs路径),如下图
然后我们打开FineUI源码,找到Alert类并加入下面的代码
- public enum MyBoxType
- {
- NONE,
- SUCCESS,
- ERROR,
- INFO,
- WARNING
- }
- /// <summary>
- /// 显示一个提示信息,持续2秒(by hzh)。
- /// 消息或标题包含特定字符(不区分大小写)则调用对应提示,默认显示【信息】信息框,你也可以通过指定type来显示对应的提示框。
- /// 包含“成功”||“SUCCESS”显示【成功】提示框。
- /// 包含“失败”||“WARNING”显示【警告】提示框。
- /// 包含“错误”||“ERROR”显示【错误】提示框。
- /// 如果你想修改提示框的一些参数,修改js文件即可。
- /// </summary>
- /// <param name="message">消息</param>
- /// <param name="title">标题</param>
- /// <param name="type">类型</param>
- public static void ShowMyBox(string message, string title = "", MyBoxType type = MyBoxType.NONE)
- {
- string strFunc = "ShowSuccessMsgbox";
- if (type == MyBoxType.NONE)
- {
- if (message.Contains("成功") || title.Contains("成功") || message.ToUpper().Contains("SUCCESS") || title.ToUpper().Contains("SUCCESS"))
- {
- type = MyBoxType.SUCCESS;
- }
- else if (message.Contains("失败") || title.Contains("失败") || message.ToUpper().Contains("WARNING") || title.ToUpper().Contains("WARNING"))
- {
- type = MyBoxType.WARNING;
- }
- else if (message.Contains("错误") || title.Contains("错误") || message.ToUpper().Contains("ERROR") || title.ToUpper().Contains("ERROR"))
- {
- type = MyBoxType.ERROR;
- }
- else
- {
- type = MyBoxType.INFO;
- }
- }
- switch (type)
- {
- case MyBoxType.ERROR:
- strFunc = "ShowErrorMsgbox";
- break;
- case MyBoxType.INFO:
- strFunc = "ShowInfoMsgbox";
- break;
- case MyBoxType.WARNING:
- strFunc = "ShowWarningMsgbox";
- break;
- default:
- strFunc = "ShowSuccessMsgbox";
- break;
- }
- string strJs = strFunc + "('" + title + "','" + message + "')";
- PageContext.RegisterStartupScript(strJs);
- }
复制代码 找到RegisterCommonResource方法,在方法最后加上下面的东东
- AddCssPathToHead(page, "toastr.min.css", extjsBasePath + "/toastr/toastr.min.css");
- AddJavascriptPathToPageBottom(page, "jquery.min.js", extjsBasePath + "/toastr/jquery.min.js");
- AddJavascriptPathToPageBottom(page, "toastr.min.js", extjsBasePath + "/toastr/toastr.min.js");
- AddJavascriptPathToPageBottom(page, "MyMsgBoxEx.js", extjsBasePath + "/toastr/MyMsgBoxEx.js");
复制代码
下面就是使用了
在你需要调用的地方直接调用
Alert.ShowMyBox("停止成功");
如果前端js使用的话就调用
ShowErrorMsgbox("", "不能为空");
具体的js 你可以代码js文件去看就ok了
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
|