`

Ext messageBox hide 小应用

 
阅读更多
<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.rar (147.9 KB)
  • 下载次数: 1
分享到:
评论

相关推荐

    ext学习资料,ext js开发前台页面

    使用`Ext.MessageBox.show()`创建一个带有进度条的对话框,需要确保`progress`为`true`,并可以调用`Ext.MessageBox.hide()`来隐藏对话框,或者使用`updateProgress()`方法更新进度条的状态,传入当前进度值、...

    详细讲解了Ext相关知识,Ext实例教程

    它不会自动关闭,直到调用`Ext.MessageBox.hide()`或完成相应的操作。 5. **Ext.MessageBox.show()**:这是一个非常灵活的方法,允许你自定义显示信息提示框的配置,如标题、消息、宽度、是否可关闭、模态等。例如...

    Ext JS 提示消息的 函数

    根据给定的文件信息,我们...通过以上分析,我们可以看到Ext JS提供的`Ext.MessageBox`方法非常灵活且强大,可以轻松地在Web应用中实现各种类型的提示和确认对话框。这对于提高用户体验和应用的交互性有着重要的作用。

    extjs弹出框 n秒后消失

    为了使弹出框在n秒后自动关闭,我们需要创建一个延时任务,并在任务中调用`Ext.MessageBox.hide`方法。延时任务的创建和启动可以通过`new Ext.util.DelayedTask(function() { ... })`和`delay`方法实现。以下是一个...

    ExtJs入门详细的介绍版.doc

    此外,`Ext.MessageBox.show()`还可以配置进度条,配合`Ext.MessageBox.hide()`和`Ext.MessageBox.updateProgress()`来更新进度。 5. **进度条的使用** 当`progress`设置为`true`时,可以显示进度条。通过`...

    ExtJs入门之简单案例

    对于`Ext.MessageBox.show()`中的进度条,可以通过`Ext.MessageBox.hide()`和`Ext.MessageBox.updateProgress()`来动态控制其状态。`updateProgress()`方法接受三个参数:`value`(进度百分比)、`progressText`...

    Ext 登陆页面

    Ext.MessageBox.alert('', '登录失败!'); win.getComponent('staffForm').form.reset(); } }); } ``` 如果表单提交成功,则跳转到指定页面;如果失败,则弹出提示并清空表单。 ### 4. 结论 通过这段代码,...

    Extjs学习实例

    在使用Ext.MessageBox.show()方法时,通常需要配合Ext.MessageBox.hide()和Ext.MessageBox.updateProgress()方法来控制进度条。Ext.MessageBox.updateProgress()接受三个参数,分别是value表示进度值(0-1之间)、...

    ExtJS面板学习笔记(带有运行效果)

    Ext.MessageBox.hide(); } } }); }); ``` #### 二、面板组件 `Panel`是ExtJS中最基本的容器组件之一,它可以包含其他组件,并且具有很多特性,如标题、工具栏、边框等。 1. **创建一个简单的Panel**: ```...

    ExtJs中Store加载(load)时候提示信息

    为了在加载数据时给用户提供反馈,可以利用`beforeload`事件和`Ext.MessageBox.show`方法来实现加载提示。 #### 1. 使用`beforeload`事件 `beforeload`事件在`Store`开始加载数据之前触发。通过监听这个事件,可以...

    ExtJs入门实例

    - `icon`: 对话框图标类型,如`Ext.MessageBox.INFO`, `Ext.MessageBox.ERROR`等。 #### 2. Ext.Panel - **基本属性**: - `title`: 面板的标题。 - `width`/`height`: 面板的宽度和高度。 - `bodyStyle`: 面板...

    extjs学习笔记

    #### 一、Ext.MessageBox 方法详解 Ext.MessageBox 是 ExtJS 库中的一个重要组件,用于向用户展示消息对话框。它包含了多种类型的消息对话框,每种对话框都有其特定用途。 - **Ext.MessageBox.alert**:显示一个...

    extjs 进度条的显示

    在IT领域,特别是前端开发...通过使用`Ext.MessageBox.show()`及其相关方法,你可以轻松地在你的Web应用程序中集成进度条,从而提高用户的满意度和整体体验。理解并掌握这些技术细节,将使你在开发过程中更加得心应手。

    Extjs4 关于Store的一些操作(加载/回调/添加)

    - 监听`beforeload`事件,在数据开始加载前弹出提示框,比如使用`Ext.MessageBox.show()`创建一个消息框。 - 使用`load`方法的`callback`参数,当数据加载完成后执行,用于关闭提示框。 - 对于`reload`方法,同样...

Global site tag (gtag.js) - Google Analytics