`
Franciswmf
  • 浏览: 796706 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

easyui messager alert 3秒后自动关闭提示

 
阅读更多
 function isDatagridEmpty_duty(total){
	var interval;
	var time=1000;
	var x=3;
		if(total==0){
			$.messager.alert(' ','<font size=\"2\" color=\"#666666\"><strong>数据库暂无记录!</strong></font>','infoSunnyIcon',function(){
				//alert('点击确定按钮才关闭');//
			});
			$(".messager-window .window-header .panel-title").append("系统提示("+x+"秒后自动关闭)");
			interval=setInterval(fun,time);
			function fun(){
				--x;
				if(x==0){
 clearInterval(interval);
				  $(".messager-body").window('close');	
				}
				$(".messager-window .window-header .panel-title").text("");
				$(".messager-window .window-header .panel-title").append("系统提示("+x+"秒后自动关闭)");
			}
		}
   }


优化后:
function alert_totalQuery(msg,icon,tm){
	var interval;
	var time=1000;
	var x;
	if(null==tm||''==tm){
		x=Number(3);
	}else{
		x=Number(tm);
	}
	//
	if(null==icon||''==icon){
		icon="infoSunnyIcon";
	}
	$.messager.alert(' ','<font size=\"2\" color=\"#666666\"><strong>'+msg+'</strong></font>',icon,function(){});
	$(".messager-window .window-header .panel-title").append("系统提示("+x+"秒后自动关闭)");
	interval=setInterval(fun,time);
	function fun(){
		--x;
		if(x==0){
	      clearInterval(interval);
		  $(".messager-body").window('close');	
		}
		$(".messager-window .window-header .panel-title").text("");
		$(".messager-window .window-header .panel-title").append("系统提示("+x+"秒后自动关闭)");
	}
}
分享到:
评论

相关推荐

    easyui messager alert 三秒后自动关闭提示的实例

    在本次实例中,我们要实现的是一个使用 EasyUI 的 Messager 组件弹出的警告框(alert),并在三秒后自动关闭的功能。这个功能的实现,主要涉及到 JavaScript 中的 setTimeout 函数。setTimeout 允许我们设置一段代码...

    easyUI实现(alert)提示框自动关闭的实例代码

    原理:使用js的定时任务函数setInterval设置时间,然后触发关闭事件 参数说明 title:提示框的标题 msg:提示信息内容 ico:显示的提示信息图标,’info’,’warnning’,’error’等 函数体 function alert_auto...

    修改easyui messager弹框颜色,根据不同弹框类别修改弹框底色

    在EasyUI中,Messager 是一个用于显示消息提示的组件,它通常用于显示警告、信息、错误等不同类型的提示。在默认情况下,Messager 的样式是统一的,但根据实际需求,我们可能需要自定义其颜色以区分不同类型的弹框。...

    easyui message.alert回调方法(easyui1.4)

    自己整理写的关于message.alert回调,不喜欢的勿扰~!

    java easyui即时消息框实例

    在Java后端与EasyUI前端交互的过程中,即时消息框是一种常用的反馈机制,用于向用户展示操作结果或者提示信息。本实例将详细探讨如何在Java应用中使用EasyUI实现即时消息框。 首先,你需要在HTML页面中引入EasyUI的...

    easyui 增加 loading 遮罩

    EasyUI 的 $.messager 对象还提供了其他几种对话框类型,如 `alert`、`confirm` 和 `prompt`,它们可以用来显示不同类型的提示信息。而 `wait` 方法则特别适用于需要用户等待一段时间的情况,例如在进行异步数据请求...

    jQuery-easyui中文API

    如果定义为非0值,当超时后消息窗口将自动关闭 . $.messager.alert title, msg, icon, fn 显示一个警告窗口。参数如下: title:显示在标题面板的标题文本。 msg:提示框显示的消息文本。 icon:提示框显示的...

    遮罩easyui

    3. **关闭遮罩**:在回调函数中调用 `$.messager.progress('close')` 关闭遮罩。 4. **处理返回数据**:在回调函数中处理服务器返回的数据。 通过这种方式,我们可以有效地控制遮罩的显示和隐藏,提升用户体验。 #...

    李炎恢jQuery EasyUI讲义代码

    - **对话框**: 使用 `$.messager.alert` 方法创建简单的消息提示框。 - **网格**: `&lt;table id="dg" class="easyui-datagrid" ...&gt;` - 数据绑定: 通过 `url` 属性指定数据源或使用 `data` 属性直接绑定数据。 - 行...

    jquery-easyui中文详细说明文档

    3. jQuery EasyUI 提示框(Messager)用法: Messager 可以用来显示各种类型的提示信息,如警告、错误、确认等。例如: ```javascript $.messager.alert('标题', '消息内容', '警告'); ``` 4. 分页(Pagination...

    jQueryEasyUI框架使用文档.pdf

    - 窗口组件:窗口(Window)、对话框(Dialog)、提示框(Messager) - 数据展示组件:分页(Pagination)、数据网格(DataGrid)、树(Tree) 以面板(Panel)为例,面板是一个常用的布局容器,可以包含标题、内容...

    jQuery EasyUI 1.2 API文档.CHM

    JQuery-easyUI 帮助文档 easyloader.base = '../'; // set the easyui base directory easyloader.load('messager', function(){ // load the specified module $.messager.alert&#40;'Title', 'load ok'&#41;; });

    最新jquery+easyui_api培训文档

    ### 最新jQuery+EasyUI API培训文档 #### Accordion(可折叠标签) **Accordion** 是一个功能组件,允许用户在有限的空间内展示更多的内容。它通过折叠的方式展示多个部分的内容,用户可以点击标题来切换显示或...

    jquery easyui api PDF英文版带书签

    - 使用easyloader.load函数加载指定模块,并可以指定回调函数,如示例中的加载'messager'模块后执行$.messager.alert弹出提示。 3. easyui组件的属性和事件: - 提到了模块(modules)和本地化(locales)对象。 ...

    asp.net mvc+easyui附件上传

    这段JavaScript代码利用jQuery的`ajax`方法异步提交表单,并使用EasyUI的`$.messager`展示提示信息。 至于“Attachment-Database”这个文件名,这可能暗示着我们还需要将上传的文件信息存储在数据库中。为了实现这...

    jQuery EasyUI封装简化操作

    4. `showMsg` 和 `showAlert` 函数:这两个函数都是用来显示消息的,`showMsg` 提供了更多的选项,如动画效果和消息类型,而 `showAlert` 直接调用了 jQuery EasyUI 的 `messager.alert`,用于显示简单的警告对话框...

    easyui用户手册

    ### easyui用户手册知识点解析 #### 一、easyUI简介 **easyUI**是一款功能强大的JavaScript框架,专门用于简化Web应用程序的开发流程。它提供了一系列丰富的用户界面组件,如按钮、菜单、数据网格等,使得开发者...

Global site tag (gtag.js) - Google Analytics