`
zhcl321
  • 浏览: 26097 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Ext Msg 的常用方法

    博客分类:
  • Ext
阅读更多
	Ext.onReady(function(){
		//Ext.Msg.alert("title","Hello World");
		
		//带多个按钮的弹框 
		/*
		Ext.Msg.show({
			title:"Miltion",
			msg:"hava you seen my stapler?",
			buttons:{
				yes:true,
				no:true,
				cancel:true
			}
		});
		*/
		
		//自定义按钮显示内容 
		/*Ext.Msg.show({
			title:"Miltion",
			msg:"hava you seen my stapler?",
			buttons:{
				yes:'mayBe',
				no:'no',
				cancel:'cancel'
			},
			fn:function(btn){
				//这个会弹出yes、no、cancel,而不是maybe等 
				Ext.Msg.alert("you clicked :", btn);
			}
		})*/;
		
		//prompt、wait的使用
		/*Ext.Msg.show({
			title:"Miltion",
			msg:"hava you seen my stapler?",
			buttons:{
				yes:'mayBe',
				no:'no',
				cancel:'cancel'
			},
			fn:function(btn){
				//这个会弹出yes、no、cancel,而不是maybe等 
				//Ext.Msg.alert("you clicked :", btn);
				switch(btn){
				case "yes":
					Ext.Msg.prompt("miltion","where is it?",function(btn,text){
						if(btn=="ok"){
							Ext.Msg.alert("miltion","您输入了 :"+text);
						}
					});					
					break;
				case "no":
					break;
				case "cancel":
					Ext.Msg.wait("saving....","fileCopy",{
						text:'processing',
						duration:2700,   //进度条在被重置前运行的时间
						interval:300,        //进度条的时间间隔
						increment:10,      //进度条的分段数量
						fn:function callback(){
							alert('complete');
							//任务执行完成后,将窗口隐藏 
							Ext.Msg.hide();
							}
						})
					break;
				}
			}
		})*/
		
		//进度条自动更新,并计算进度  
		var msgBox = Ext.Msg.show({
			title:"miltion",
			msg:"update text",
			modal:true,
			width:300,
			progress:true
		})
		var count = 0;//滚动条被刷新的次数
		var percentage = 0;//进度百分比
		var progressText = "";//进度条信息 
		
		Ext.TaskMgr.start({
			run:function(){
				count++;
				if(count>10){
					msgBox.hide();
				}
				percentage = count/10;
				progressText = "now:"+percentage*100+"%";
				msgBox.updateProgress(percentage,progressText,'now Date:'+new Date().format('Y-m-d g:i:s A'));			
			},
			interval:1000
			}
		)
	});
分享到:
评论

相关推荐

    ext常用操作

    #### 二、Ext JS 常用属性与方法 在开发过程中,经常需要使用到一些特定的属性和方法来实现特定的功能。下面是一些常用的属性和方法: 1. **maximizable** 和 **minimizable** - `maximizable`: 控制窗口是否可以...

    Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

    具体来说,在Extjs4框架中,可以利用Ext.Msg.show()方法来显示一个自定义的消息框。这个方法允许你设置消息框的各种属性,包括是否可关闭。参数closable用来控制是否允许用户通过点击关闭按钮来关闭消息框。将...

    ext实现动态树

    为了增强交互性,我们还可以添加一些常用的操作按钮,如后退、前进、新增、修改、删除等。 ```javascript var btn_back = { text: "后退", iconCls: "back", handler: function() { alert("我是后退"); } }; ...

    3------通过实例学习------Ext.js------.docx

    `Ext.get`和`Ext.getBody`是两个常用的DOM访问方法,前者允许通过ID获取元素,后者则可以直接获取`<body>`元素。注意,尽管在HTML中应避免ID重复,但`Ext.get`在遇到相同ID时会返回最后一个匹配的元素。 通过这种...

    Ext2.0实用简明教程

    Ext.Msg.show({ title: '欢迎', msg: '你好,世界!', buttons: Ext.MessageBox.OK, icon: Ext.MessageBox.INFO }); }); ``` 这个例子展示了如何在页面加载完成后弹出一个消息框。 **四、Ext框架基础及...

    learning-Extjs国外第一本Ext译本

    这段代码引入了ExtJS的核心库,并在`onReady`事件中调用了`Ext.Msg.alert`,显示一个包含"Hello"文本的消息框。此示例展示了ExtJS的简单用法,同时让我们熟悉了开发流程。 **ExtJS的基本概念** - **组件...

    ExtJs GridPanel双击事件获得双击的行

    在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...

    extjs属性方法大全

    以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。

    如何在服务器端 读取Ext.ux.UploadDialog上传的文件?

    在 Java 环境下,Apache Commons FileUpload 库是常用来处理文件上传的工具。 首先,确保引入了 Apache Commons FileUpload 和 Commons IO 的依赖库。在上述问题中,`DiskFileUpload` 已经被弃用,应该使用 `...

    电讯盈科 extjs培训教程

    Ext.Msg.prompt('提示', '输入一些内容看看:', function(id, msg) { alert('单击的按钮 ID 是:' + id + '\n' + '输入的内容是:' + msg); }); // Wait 示例 Ext.Msg.wait('正在处理,请稍候...', '加载中',...

    ExtJS入门实例

    以上介绍了 `Ext.MessageBox` 中四种常用方法的使用方法和参数配置,这些方法可以帮助开发者快速实现界面中的弹窗交互,提升用户体验。通过这些基础方法的学习,可以更好地掌握 `Ext.MessageBox` 的使用技巧,并根据...

    ExtJs初学者必看实例.doc

    - `buttons`: 控制显示的按钮,如`Ext.Msg.OKCANCEL`等,也可以自定义按钮文字。 - `closable`: 是否显示关闭按钮,默认为true。 - `msg`: 对话框的消息内容。 - `title`: 对话框标题。 - `fn`: 关闭对话框后...

    ExtJS 3.2的中文参考手册

    例如:`Ext.MessageBox.show({ title: '提示', msg: '这是一个消息框', buttons: Ext.MessageBox.OK, icon: Ext.MessageBox.INFO });`。 - **表格 (Grid)**: 是ExtJS中最常用的数据展示组件之一,可以轻松地实现...

    Extjs2.0的入门

    `Ext.MessageBox.alert()`方法用于显示一个简单的警告对话框,包含一个确定按钮。它有三个参数:`title`(对话框标题)、`msg`(显示的消息)和一个可选的回调函数,该函数在用户点击确定按钮后执行。例如: ```...

    ExtJs入门之简单案例

    本文将聚焦于ExtJs中的`Ext.MessageBox`组件,详细介绍其主要方法与应用,帮助读者快速入门并提升实践能力。 ### Ext.MessageBox 组件详解 #### 1. `Ext.MessageBox.alert()` — 弹出警告对话框 `Ext.MessageBox....

    ExtJs入门实例[整理].pdf

    `Ext.MessageBox.alert()`方法用于创建一个简单的警告对话框,通常包含一个确定按钮。它接受三个参数:标题(title)、消息(msg)和回调函数(function)。回调函数在用户点击确定按钮后执行。例如: ```...

    Extjs学习实例

    1. Ext.MessageBox.alert():此方法用于显示一个带有警告信息的简单消息框,它接受至少两个参数,第一个是标题(title),第二个是要显示的信息(msg),第三个参数是一个可选的回调函数(function),当用户关闭消息框时...

Global site tag (gtag.js) - Google Analytics