EasyUI--Alert()
1、$.messager.alert(title, msg, icon, fn)
2
- <script type="text/javascript">
- $(function () {
- $.messager.alert("操作提示", "操作成功!");
- });
- </script>
3
2>、icon使用
icon四种设置:"error"、"info"、"question"、"warning"
效果:
- <script type="text/javascript">
- $(function () {
- $.messager.alert("操作提示", "操作成功!","info");
- });
- </script>
- <script type="text/javascript">
- $(function () {
- $.messager.alert("操作提示", "操作失败!","error");
- });
- </script>
- <script type="text/javascript">
- $(function () {
- $.messager.alert("操作提示", "您确定要执行操作吗!","question");
- });
- </script>
- <script type="text/javascript">
- $(function () {
- $.messager.alert("操作提示", "您确定要执行操作吗!","warning");
- });
- </script>
3>、function使用
- <script type="text/javascript">
- $(function () {
- $.messager.alert("操作提示", "操作成功!", "info", function () {
- var i = 1;
- alert(i);
- });
- });
- </script>
2、$.messager.confirm(title, msg, fn)
代码:
- <script type="text/javascript">
- $(function () {
- $.messager.confirm("操作提示", "您确定要执行操作吗?", function (data) {
- if (data) {
- alert("确定");
- }
- else {
- alert("取消");
- }
- });
- });
- </script>
效果图:
、$.messager.prompt(title, msg, fn)
代码:
- <script type="text/javascript">
- $(function () {
- $.messager.confirm("操作提示", "您确定要执行操作吗?", function (data) {
- if (data) {
- alert("确定");
- }
- else {
- alert("取消");
- }
- });
- });
- </script>
效果图:
4、$.messager.show(options)
代码:
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>消息提示框</title>
- <link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
- <link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
- <script src="/jquery-easyui-1.2.4/jquery-1.6.4.min.js" type="text/javascript"></script>
- <script src="/jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
- <script src="/jquery-easyui-1.2.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function () {
- $.messager.show({
- title: "操作提示",
- msg: "请选择您要删除的记录!",
- showType: 'slide',
- timeout: 5000
- });
- });
- </script>
- </head>
- <body>
- </body>
- </html>
或
- <script type="text/javascript">
- $(function () {
- var options = {
- title: "操作提示",
- msg: "请选择您要删除的记录!",
- showType: 'slide',
- timeout: 5000
- };
- $.messager.show(options);
- });
- </script>
效果图:
showType3种设置值:"show"、"slide"、"fade"
5、修改Button显示文字
代码:
- <script type="text/javascript">
- $(function () {
- $.messager.defaults = { ok: "是", cancel: "否" };
- $.messager.confirm("操作提示", "您确定要执行操作吗?", function (data) {
- if (data) {
- alert("是");
- }
- else {
- alert("否");
- }
- });
- });
- </script>
效果图:
6、方法
方法名 |
参数 |
描述 |
$.messager.show |
options |
在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象: |
$.messager.alert |
title, msg, icon, fn |
显示一个警告窗口。参数如下: |
$.messager.confirm |
title, msg, fn |
显示一个含有确定和取消按钮的确认消息窗口。参数如下: |
$.messager.prompt |
title, msg, fn |
显示一个确定和取消按钮的信息提示窗口,提示用户输入一些文本。参数如下: |
7、扩展
可以通过$.messager.defaults方法自定义alert框的ok按钮和cancel按钮上显示的文字。
名字 |
类型 |
描述 |
默认值 |
|
ok |
字符串 |
Ok |
按钮上的文本 |
Ok |
cancel |
字符串 |
Cancel |
按钮上的文本 |
Cancel |
最新文章
- APP开发 Token生成 验证
- python运算符
- MySQL使用规范
- Mini projects #8–RiceRocks
- 使用Location对象查询字符串参数
- FZU 2165 v11(最小重复覆盖)+ codeforces 417D Cunning Gena
- 免费提供一些公开的SOCK4/5/HTTP/HTTPS代理服务器(经测试可以用)
- switch… case 语句的用法(一)
- Android程序之全国天气预报查询接口演示
- Oracle PL/SQL高级应用 存储过程
- hdu&#160;1162&#160;Eddy&#39;s&#160;picture(最小生成树,基础)
- 使用注解实现 bean 转 csv
- (大数据工程师学习路径)第五步 MySQL参考手册中文版----MySQL数据库管理
- Linux在device is busy处理
- 快速构建Windows 8风格应用7-页面视图概览
- 游戏里的动态阴影-ShadowMap实现原理
- java8 新特性 Optional容器类
- xamarin android 报错 Could not load assembly &#39;Xamarin.Android.Support.v7.AppCompat
- Log4Net使用指南之用log4net记录日志到数据库(含有自定义属性)------附Demo例子源代码
- .NET工作准备--01前言
热门文章
- Asp.net动态页面静态化之初始NVelocity模板引擎
- 110个经常使用Oracle函数总结
- [jzoj 6086] [GDOI2019模拟2019.3.26] 动态半平面交 解题报告 (set+线段树)
- JavaScript实现双向链表
- JavaScript中Math常用方法
- 在CentOS下安装tomcat并配置环境变量(改默认端口8080为8081)
- LeetCode 190. Reverse Bits (算32次即可)
- python内置的一些模块
- requests 常见方法总结
- 2017年6月28日 python爬虫学习