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 JS 常用属性与方法 在开发过程中,经常需要使用到一些特定的属性和方法来实现特定的功能。下面是一些常用的属性和方法: 1. **maximizable** 和 **minimizable** - `maximizable`: 控制窗口是否可以...
具体来说,在Extjs4框架中,可以利用Ext.Msg.show()方法来显示一个自定义的消息框。这个方法允许你设置消息框的各种属性,包括是否可关闭。参数closable用来控制是否允许用户通过点击关闭按钮来关闭消息框。将...
为了增强交互性,我们还可以添加一些常用的操作按钮,如后退、前进、新增、修改、删除等。 ```javascript var btn_back = { text: "后退", iconCls: "back", handler: function() { alert("我是后退"); } }; ...
`Ext.get`和`Ext.getBody`是两个常用的DOM访问方法,前者允许通过ID获取元素,后者则可以直接获取`<body>`元素。注意,尽管在HTML中应避免ID重复,但`Ext.get`在遇到相同ID时会返回最后一个匹配的元素。 通过这种...
Ext.Msg.show({ title: '欢迎', msg: '你好,世界!', buttons: Ext.MessageBox.OK, icon: Ext.MessageBox.INFO }); }); ``` 这个例子展示了如何在页面加载完成后弹出一个消息框。 **四、Ext框架基础及...
这段代码引入了ExtJS的核心库,并在`onReady`事件中调用了`Ext.Msg.alert`,显示一个包含"Hello"文本的消息框。此示例展示了ExtJS的简单用法,同时让我们熟悉了开发流程。 **ExtJS的基本概念** - **组件...
在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...
以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。
在 Java 环境下,Apache Commons FileUpload 库是常用来处理文件上传的工具。 首先,确保引入了 Apache Commons FileUpload 和 Commons IO 的依赖库。在上述问题中,`DiskFileUpload` 已经被弃用,应该使用 `...
Ext.Msg.prompt('提示', '输入一些内容看看:', function(id, msg) { alert('单击的按钮 ID 是:' + id + '\n' + '输入的内容是:' + msg); }); // Wait 示例 Ext.Msg.wait('正在处理,请稍候...', '加载中',...
以上介绍了 `Ext.MessageBox` 中四种常用方法的使用方法和参数配置,这些方法可以帮助开发者快速实现界面中的弹窗交互,提升用户体验。通过这些基础方法的学习,可以更好地掌握 `Ext.MessageBox` 的使用技巧,并根据...
- `buttons`: 控制显示的按钮,如`Ext.Msg.OKCANCEL`等,也可以自定义按钮文字。 - `closable`: 是否显示关闭按钮,默认为true。 - `msg`: 对话框的消息内容。 - `title`: 对话框标题。 - `fn`: 关闭对话框后...
例如:`Ext.MessageBox.show({ title: '提示', msg: '这是一个消息框', buttons: Ext.MessageBox.OK, icon: Ext.MessageBox.INFO });`。 - **表格 (Grid)**: 是ExtJS中最常用的数据展示组件之一,可以轻松地实现...
`Ext.MessageBox.alert()`方法用于显示一个简单的警告对话框,包含一个确定按钮。它有三个参数:`title`(对话框标题)、`msg`(显示的消息)和一个可选的回调函数,该函数在用户点击确定按钮后执行。例如: ```...
本文将聚焦于ExtJs中的`Ext.MessageBox`组件,详细介绍其主要方法与应用,帮助读者快速入门并提升实践能力。 ### Ext.MessageBox 组件详解 #### 1. `Ext.MessageBox.alert()` — 弹出警告对话框 `Ext.MessageBox....
`Ext.MessageBox.alert()`方法用于创建一个简单的警告对话框,通常包含一个确定按钮。它接受三个参数:标题(title)、消息(msg)和回调函数(function)。回调函数在用户点击确定按钮后执行。例如: ```...
1. Ext.MessageBox.alert():此方法用于显示一个带有警告信息的简单消息框,它接受至少两个参数,第一个是标题(title),第二个是要显示的信息(msg),第三个参数是一个可选的回调函数(function),当用户关闭消息框时...