三、ExtJS之对话框控件

本文详细介绍了ExtJS中的对话框控件,包括提示框、输入框、确认框、自定义消息框、等待对话框和进度条对话框的使用方法。通过各种参数配置,可以实现丰富的交互体验。例如,提示框和输入框提供了回调函数,确认框允许用户选择,自定义消息框则可通过配置对象定制按钮、图标等。此外,还展示了等待对话框和进度条对话框的使用示例。
摘要由CSDN通过智能技术生成

Extjs 在实现消息框的时候,完全摈弃了传统的风格,不再弹出新的对话框,而是在当前页面跳出一个层,并将原页面完整覆盖。原来,只是一种模拟。在 Ext 中,定义了一个类MessageBox,该类还有一个更精简的名字Msg,所有消息框都定义在该类中。

建立dialogs.js文件。


提示框(Alert)

 

提示框的语法:Ext.MessageBox. alert ( String title, String msg, Function fn, Object scope );

参数定义如下:

  1. title:标题
  2. msg:提示内容
  3. fn:提示框关闭后自动调用的回调函数
  4. scope:作用域,用于指定this指向哪里,一般不用管他,特殊情况下有用
    其实,通常情况下,我们用得更多的是title和msg两个参数

                                  image                    image

extjsAlert1=function(){
	Ext.MessageBox.alert("提示框","这是一个提示框");
}

extjsAlert2=function(){
	Ext.MessageBox.alert("提示框","这是一个提示框",function(){
		alert("提示框关闭了");
	});
}

记住函数名不要使用和DOM模型相同的名字,他们犯冲。

 

输入框(promt)

 

输入框用来提示输入字符串,相当于window.prompt()方法。

语法:Ext.MessageBox.prompt(String title,String msg, Function fn, Object scope, Boolean/Numbermultiline )

从定义中可以看到,前四个参数和提示框一样,最后多了一个参数,如果为true 或为数字,将允许输入多行或者指定默认高度(像素)。

 

extjsPromt1=function(){
	Ext.MessageBox.prompt("输入框","请输入您的姓名:",function(btn,txt){
		Ext.MessageBox.alert("结果","您点击了" + btn + "按钮,<br>输入内容为:" + txt);
	});
}

extjsPromt2=function(){
	Ext.MessageBox.prompt("输入框","请输入您的姓名:",function(btn,txt){
		Ext.MessageBox.alert("结果","您点击了" + btn + "按钮,<br>输入内容为:" + txt);
	},this,100);
}

单行输入

                    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值