easyui-Messager（消息窗口)-2

最新推荐文章于 2020-10-22 10:26:17 发布

zengquan2014

最新推荐文章于 2020-10-22 10:26:17 发布

阅读量535

点赞数

CC 4.0 BY-SA版权

分类专栏： easyUI

本文链接：https://blog.youkuaiyun.com/zengquan2014/article/details/49980441

easyUI 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了easyui中的Messager组件，用于创建带有输入框和确定、取消按钮的消息窗口。用户输入文本后，可通过回调函数进行处理。此外，还展示了如何创建进度消息窗口，包括设置标题、消息文本、进度条文本和更新间隔，以及操作进度条对象和关闭窗口的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

--------------

<pre name="code" class="html">confirm

--------------

显示一个包含“确定”和“取消”按钮的确认消息窗口。参数：
title：在头部面板显示的标题文本。
msg：显示的消息文本。
fn(b): 当用户点击“确定”按钮的时侯将传递一个true值给回调函数，否则传递一个false值。
代码示例

$.messager.confirm('确认对话框', '您想要退出该系统吗？', function(r) {
			if (r) {
				alert("确定");
			}
			else{
				alert("取消");
			}
		});

--------------------------

prompt

--------------------------

显示一个用户可以输入文本的并且带“确定”和“取消”按钮的消息窗体。参数：
title：在头部面板显示的标题文本。
msg：显示的消息文本。
fn(val): 在用户输入一个值参数的时候执行的回调函数。

代码示例：

$.messager.prompt('提示信息', '请输入你的姓名：', function(r){
	if (r){
		alert('你的姓名是：' + r);
	}
});

-----------------------------

progress

----------------------------

显示一个进度消息窗体。
属性定义为：
title：在头部面板显示的标题文本。默认：空。
msg：显示的消息文本。默认：空。
text：在进度条上显示的文本。默认：undefined。
interval：每次进度更新的间隔时间。默认：300毫秒。

方法定义为：
bar：获取进度条对象。
close：关闭进度窗口。

代码示例：

显示进度消息窗口。

	$.messager.progress();

关闭进度消息窗口。

	$.messager.progress('close');

$.messager.progress({
		title:'我是進度條',
		msg:'文本的內容',
		text:'正在加載',
		interval:1000
	}); 	


	});