Ext.MessageBox

最新推荐文章于 2021-05-21 11:02:06 发布

yxgyh

最新推荐文章于 2021-05-21 11:02:06 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext 文章标签： EXT JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/yxgyh/article/details/83283630

Ext 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了ExtJS中四种不同的对话框组件：提示框、确认对话框、输入提示框及自定义对话框的使用方法。每种对话框都详细解释了参数配置及回调函数的应用场景，并提供了具体的JavaScript代码示例。

一、提示框(Ext.MessageBox.alert 或 Ext.Msg.alert)

alert( String title, String msg, [Function fn], [Object scope] ) :

title:标题

msg:显示内容

fn:回调函数

scope:作用域

Js代码

<script type="text/javascript">
Ext.onReady( function(){
Ext.MessageBox.alert('Alert','弹出窗口Alert',function(){alert('abc')});
}
);
</script>

<script type="text/javascript">
        Ext.onReady( function(){
                        Ext.MessageBox.alert('Alert','弹出窗口Alert',function(){alert('abc')});               
               }
       );
</script>

二、对话框(Ext.MessageBox.confirm 或 Ext.Msg.confirm)

confirm( String title, String msg, [Function fn], [Object scope] )

title:标题

msg:显示内容

fn:回调函数

Js代码

<script type="text/javascript">
Ext.onReady( function(){
Ext.MessageBox.confirm( "请确认", "是否要删除指定内容", function(button,text){
alert(button);
} );
}
);
</script>

<script type="text/javascript">
	Ext.onReady( function(){
			Ext.MessageBox.confirm( "请确认", "是否要删除指定内容", function(button,text){
				alert(button);
			} );
		}
	);
</script>

三、对话框(Ext.MessageBox.prompt 或 Ext.Msg.prompt )

prompt( String title, String msg, [Function fn], [Object scope] )

title:标题

msg:显示内容

fn:回调函数

Js代码

<script type="text/javascript">
Ext.onReady( function(){
Ext.MessageBox.prompt( "输入提示框", "请输入您的年龄", function(button,text){
alert(button);
alert(text);
} );
}
);
</script>

<script type="text/javascript">
	Ext.onReady( function(){
			Ext.MessageBox.prompt( "输入提示框", "请输入您的年龄", function(button,text){
				alert(button);
				alert(text);
			} );
		}
	);
</script>

四、对话框(Ext.MessageBox.show 或 Ext.MsgBox.show)

Js代码

Ext.onReady( function(){
Ext.MessageBox.show( {
title:"保存数据",
msg:"你已经作了一些数据修改，是否要保存当前内容的修改？",
buttons:Ext.Msg.YESNOCANCEL,
fn:save,
icon:Ext.MessageBox.QUESTION});
}
);

Ext.onReady( function(){
	Ext.MessageBox.show( {
		title:"保存数据",
		msg:"你已经作了一些数据修改，是否要保存当前内容的修改？",
		buttons:Ext.Msg.YESNOCANCEL,
		fn:save,
		icon:Ext.MessageBox.QUESTION});
	}
);