`
- 浏览:
250867 次
- 性别:
- 来自:
上海
-
Ext.BLANK_IMAGE_URL = "/learn/ext/resources/images/default/s.gif";
function alertE() {
Ext.Msg.confirm("<font size='4'>提示</font>",
"<font color='red'>ExtJs世界你好,这是我的第一个Ext程序!</font>", callBack);
function callBack(id) {
alert("你点击的ID是:" + id);
}
};
function promptE() {
Ext.Msg.prompt("<font size='4'>输入</font>",
"<font color='red'>ExtJs世界你好,这是我的第一个Ext程序!</font>", callBack, this,
true);
function callBack(id, msg) {
alert("你点击的ID是:" + id + ",消息:" + msg);
}
};
function wateE() {
Ext.Msg.wait("等待时间长的操作", "提示", {
text : "进度条上的文字"
})
}
function showE() {
Ext.Msg.buttonText.yes = "保存";
Ext.Msg.buttonText.no = "清除";
var msgBox = Ext.Msg.show({
title : "提示",
msg : "自我介绍一下,我是HuyVanpull哈!!",
modal : true,
prompt : true,
value : "请输入内容..",
progress : true,
progressText : "保存进度0%",
buttons : Ext.Msg.YESNOCANCEL,
fn : callBack
})
function callBack(id, msg) {
alert("按钮的ID是:" + id + ",内容:" + msg);
}
var count = 0;
Ext.TaskMgr.start({
run : function() {
count++;
if (count > 100) {
msgBox.hide();
}
// msgBox.updateText("时间:"+new Date().format('Y-m-d g:i:s
// A'));
msgBox.updateProgress(count / 100, "还剩" + (100 - count)
+ "秒关闭窗口", "当前时间:"
+ new Date().format('Y-m-d g:i:s A'));
},
interval : 1000
})
}
function progressBarE1() {
var ProgressBar = new Ext.ProgressBar({
text : "working",
width : 300,
applyTo : "ProgressBar"
});
var count = 0;
var percentage = 0;
var progressText = "";
Ext.TaskMgr.start({
run : function() {
count++;
if (count > 100) {
ProgressBar.hide();
}
percentage = count / 100;
progressText = percentage * 100 + "%";
ProgressBar.updateProgress(percentage, progressText)
},
interval : 1000
})
}
function progressBarE2() {
var ProgressBar = new Ext.ProgressBar({
text : "working",
width : 300,
applyTo : "ProgressBar"
});
ProgressBar.wait({
duration : 100000,
interval : 10,
increment : 1000,
scope : this,
fn : function() {
alert("更新完毕");
}
})
}
Ext.onReady(progressBarE2);
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
4. `Ext.MessageBox.show()` `show()` 方法是最灵活的,它允许通过配置对象自定义对话框的各个方面,如动画效果、按钮、可关闭性、消息、标题、回调函数、图标、宽度、输入框、进度条等。例如: ```javascript ...
`Ext.MessageBox.show`函数允许我们创建一个完全自定义的消息框,包括设置图标、按钮等属性。 **示例代码:** ```javascript var config = { title: "dialog box", msg: "this is a diy dialog box", width: 300...
- `Ext.MessageBox.show()`: 显示加载提示框。 - `setTimeout` 和 `Ext.MessageBox.updateProgress()`: 更新进度提示。 - `doAction('submit')`: 提交表单数据到服务器。 - `success` 和 `failure`: 成功和失败...
4. **Ext.MessageBox.show()**: 这是最灵活的方法,允许通过配置对象自定义对话框。配置项包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 可以设置预定义的按钮组合或自定义按钮文字。 - `closable`: ...
接下来,我们将逐一分析 `Ext.MessageBox` 的四种核心方法:`alert()`、`confirm()`、`prompt()` 和 `show()`。 #### 三、Ext.MessageBox 方法详解 ##### 1. Ext.MessageBox.alert() `alert()` 方法用于显示一个...
4. **Ext.MessageBox.show()方法** 这是最灵活的方法,允许完全自定义对话框。通过配置对象,你可以设置`animEl`(动画效果元素)、`buttons`(自定义按钮)、`closable`(是否可关闭)、`msg`、`title`、`fn`...
最后,`Ext.MessageBox.show()`是最灵活的方法,因为它允许通过配置对象来定制对话框。配置项包括但不限于`animEl`(动画效果)、`buttons`(自定义按钮)、`closable`(是否显示关闭按钮)、`msg`(消息内容)、`...
4. `Ext.MessageBox.show()` `show()`方法是最灵活的,允许自定义配置以创建任意复杂的对话框。常用配置参数包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 可以是预定义的按钮组合,如`Ext.Msg.OKCANCEL`,...
`Ext.MessageBox.show()` 是一个非常灵活的对话框方法,允许通过配置对象来定制对话框的外观和行为。它可以接受许多配置选项,包括但不限于: - `animEl`:指定动画元素。 - `buttons`:定义对话框的按钮,如`Ext....
- **基本组件**:如Box、Button、Panel、Progress Bar等,它们是构建复杂UI的基础。 - **工具栏组件**:如Toolbar、SplitButton等,用于创建工具栏和按钮组。 - **表单及元素组件**:如Editor、EditorGridPanel等...
此外,`Ext.MessageBox.show()`还可以配置进度条,配合`Ext.MessageBox.hide()`和`Ext.MessageBox.updateProgress()`来更新进度。 5. **进度条的使用** 当`progress`设置为`true`时,可以显示进度条。通过`...
`Ext.MessageBox.show` 创建一个消息框,并设置其为进度条模式。通过`setTimeout` 和递归函数模拟加载进度。 7. **窗口(Windows)**: 创建一个`Ext.Window`对象作为登录表单的容器。`title` 设置窗口标题,`...
**概述:** `Ext.MessageBox.show()` 方法提供了高度定制化的提示框,通过配置对象来设置提示框的各种属性。 **常用配置参数说明:** - **animEl (String, optional):** 动画元素ID,设置提示框弹出和关闭时的动画...
`Ext.MessageBox.show()`是最灵活的方法,允许自定义对话框的各种属性。它通过配置对象(config object)来指定对话框的样式和行为。常用配置参数包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 按钮配置,...
本文详细介绍了 Extjs2.0 中 `Ext.MessageBox` 组件的主要方法及其用法,包括 `alert()`、`confirm()`、`prompt()` 和 `show()`。通过这些方法,我们可以创建不同类型的弹出对话框,从而提高 Web 应用的用户体验。...
4. Ext.MessageBox.show() - 是一个多功能的弹窗函数,可以定制化的显示各种类型的弹窗。 紧接着,内容部分给出了Ext.MessageBox.show()函数的详细配置参数: - title - 弹窗的标题。 - msg - 弹窗中显示的消息...