<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/common/js/com.tmd.ui/ext/ext-all.css" />
<SCRIPT LANGUAGE="JavaScript" src="<%=request.getContextPath() %>/common/js/com.tmd.ui/ext/ext-base.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="<%=request.getContextPath() %>/common/js/com.tmd.ui/ext/ext.js"></SCRIPT>
function tishi(){
Ext.MessageBox.show({
msg: '订餐中,请稍候...',
progressText: '订餐中',
width:300,
wait:true,
waitConfig: {interval:100},
icon:'ext-mb-download',
animEl: 'sysBtn'
}).getDialog().setPosition(350,200);
}
function hide(){
Ext.MessageBox.hide();
}
分享到:
相关推荐
使用`Ext.MessageBox.show()`创建一个带有进度条的对话框,需要确保`progress`为`true`,并可以调用`Ext.MessageBox.hide()`来隐藏对话框,或者使用`updateProgress()`方法更新进度条的状态,传入当前进度值、...
它不会自动关闭,直到调用`Ext.MessageBox.hide()`或完成相应的操作。 5. **Ext.MessageBox.show()**:这是一个非常灵活的方法,允许你自定义显示信息提示框的配置,如标题、消息、宽度、是否可关闭、模态等。例如...
根据给定的文件信息,我们...通过以上分析,我们可以看到Ext JS提供的`Ext.MessageBox`方法非常灵活且强大,可以轻松地在Web应用中实现各种类型的提示和确认对话框。这对于提高用户体验和应用的交互性有着重要的作用。
为了使弹出框在n秒后自动关闭,我们需要创建一个延时任务,并在任务中调用`Ext.MessageBox.hide`方法。延时任务的创建和启动可以通过`new Ext.util.DelayedTask(function() { ... })`和`delay`方法实现。以下是一个...
此外,`Ext.MessageBox.show()`还可以配置进度条,配合`Ext.MessageBox.hide()`和`Ext.MessageBox.updateProgress()`来更新进度。 5. **进度条的使用** 当`progress`设置为`true`时,可以显示进度条。通过`...
对于`Ext.MessageBox.show()`中的进度条,可以通过`Ext.MessageBox.hide()`和`Ext.MessageBox.updateProgress()`来动态控制其状态。`updateProgress()`方法接受三个参数:`value`(进度百分比)、`progressText`...
Ext.MessageBox.alert('', '登录失败!'); win.getComponent('staffForm').form.reset(); } }); } ``` 如果表单提交成功,则跳转到指定页面;如果失败,则弹出提示并清空表单。 ### 4. 结论 通过这段代码,...
在使用Ext.MessageBox.show()方法时,通常需要配合Ext.MessageBox.hide()和Ext.MessageBox.updateProgress()方法来控制进度条。Ext.MessageBox.updateProgress()接受三个参数,分别是value表示进度值(0-1之间)、...
Ext.MessageBox.hide(); } } }); }); ``` #### 二、面板组件 `Panel`是ExtJS中最基本的容器组件之一,它可以包含其他组件,并且具有很多特性,如标题、工具栏、边框等。 1. **创建一个简单的Panel**: ```...
为了在加载数据时给用户提供反馈,可以利用`beforeload`事件和`Ext.MessageBox.show`方法来实现加载提示。 #### 1. 使用`beforeload`事件 `beforeload`事件在`Store`开始加载数据之前触发。通过监听这个事件,可以...
- `icon`: 对话框图标类型,如`Ext.MessageBox.INFO`, `Ext.MessageBox.ERROR`等。 #### 2. Ext.Panel - **基本属性**: - `title`: 面板的标题。 - `width`/`height`: 面板的宽度和高度。 - `bodyStyle`: 面板...
#### 一、Ext.MessageBox 方法详解 Ext.MessageBox 是 ExtJS 库中的一个重要组件,用于向用户展示消息对话框。它包含了多种类型的消息对话框,每种对话框都有其特定用途。 - **Ext.MessageBox.alert**:显示一个...
在IT领域,特别是前端开发...通过使用`Ext.MessageBox.show()`及其相关方法,你可以轻松地在你的Web应用程序中集成进度条,从而提高用户的满意度和整体体验。理解并掌握这些技术细节,将使你在开发过程中更加得心应手。
- 监听`beforeload`事件,在数据开始加载前弹出提示框,比如使用`Ext.MessageBox.show()`创建一个消息框。 - 使用`load`方法的`callback`参数,当数据加载完成后执行,用于关闭提示框。 - 对于`reload`方法,同样...