MessageBox的几种提示框用法

最新推荐文章于 2024-05-22 15:38:09 发布

iteye_9841

最新推荐文章于 2024-05-22 15:38:09 发布

阅读量4.8k

点赞数 1

分类专栏： ExtJS 文章标签： EXT JavaScript CSS HTML ViewUI

本文链接：https://blog.csdn.net/iteye_9841/article/details/82036634

版权

ExtJS 专栏收录该内容

29 篇文章 0 订阅

订阅专栏


<HTML>
<HEAD>
	<TITLE>使用EXT输出HelloWorld</TITLE>
	<!-- 导入extjs配置 … ... -->
	<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
	<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="./../ext/ext-all.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			/**
				alert(String title,String msg,[Function fn],[Object scope])
				title:提示框的标题
				msg：显示的信息内容
				[Function fn]:(可选)回调函数
				[Object scope]:(可选)回调函数的作用域
			*/
			Ext.MessageBox.alert("title","message",function(id){
				alert(id);
			}); 
			Ext.MessageBox.alert("title","message",callback);
			function callback(id){
				alert(id);
			}
			/*
				confirm(String title,String msg,[Function fn],[Object scope])
				title:提示框的标题
				msg：显示的信息内容
				[Function fn]:(可选)回调函数
				[Object scope]:(可选)回调函数的作用域
			*/
			Ext.MessageBox.confirm("title","message",function(id){
				alert(id);
			});
			/*
				prompt(String title,String msg,[Function fn],[Object scope],[Boolean/Number multiline])
				title:提示框的标题
				msg：显示的信息内容
				[Function fn]:(可选)回调函数
				[Object scope]:(可选)回调函数的作用域
				[Boolean/Number multiline]设置为false将显示一个单行文本域,设置为true将以默认高度显示一个多行文本区。默认为false
			*/
			Ext.MessageBox.prompt("title","message",callBack,this,true);
			function callBack(id,msg){
				alert("单机的按钮是："+id+"\n输入的内容是："+msg);
			}
			/*
				wait(String msg,[String title],[Object config])
				msg:显示的信息内容
				[String title]:提示框的标题,为可选参数
				[Object config]:用于配置进度条的配置对象为可选参数
			*/
			Ext.MessageBox.wait("请等待,操作需要很长时间！","提示",{text:'进度条上的文字'});
		
			/*
				show(Object config)
				Object config:一个包含提示配置信息的配置对象
				配置对象：
				buttons：Ext.Msg.CANCEL;EXT.Msg.OK;OKCANCEL;YESNO;YESNOCANCEL
				title:提示框标题
				msg:显示的信息内容
				width:对话框的宽度，以像素为单位
				closable:false将隐藏右上角的关闭按钮默认为true
				modal:true为模式窗口,false为非模式窗口
				fn:回调函数
				progress:true则显示一个进度条,默认为false,该进度条由程序控制滚动
				progressText:进度条上显示的文字
				wait:true则显示一个自动滚动的进度条,默认为false
				prompt:true则显示一个单行文本域,默认为false
				multiline:如果prompt为true则nultiline为true时显示多行文本区,false显示单行文本域
				icon:一个样式文件,它对对话框提供一个背景图
					 Ext.Msg.ERROR（错误图标）
					 Ext.Msg.INFO(信息图标)
					 Ext.Msg.QUESTION(问题图标)
					 Ext.Msg.WARNING(警告图标)
			*/
			Ext.MessageBox.show({
				title: "提示",
				msg: '我是猪',
				modal: true,
				prompt: true,
				value: "请输入",
				fn: callBanck,
				buttons: Ext.Msg.YESNOCANCEL,
				icon: Ext.Msg.QUESTION
			});
			function(id,msg){
				alert("单机的按钮是："+id+"\n输入的内容是："+msg);

			}
		});
	</script>
</HEAD>
<body></body>
</HTML>

iteye_9841

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
MessageBox的几种提示框用法

&lt;HTML&gt;&lt;HEAD&gt; &lt;TITLE&gt;使用EXT输出HelloWorld&lt;/TITLE&gt; &lt;!-- 导入extjs配置 … ... --&gt; &lt;link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-a
复制链接

扫一扫