`
hwpok
  • 浏览: 250867 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext show,progress

    博客分类:
  • EXT
EXT 
阅读更多
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);
分享到:
评论

相关推荐

    ext 教材 ext js 教程

    4. `Ext.MessageBox.show()` `show()` 方法是最灵活的,它允许通过配置对象自定义对话框的各个方面,如动画效果、按钮、可关闭性、消息、标题、回调函数、图标、宽度、输入框、进度条等。例如: ```javascript ...

    Ext_MessageBox

    `Ext.MessageBox.show`函数允许我们创建一个完全自定义的消息框,包括设置图标、按钮等属性。 **示例代码:** ```javascript var config = { title: "dialog box", msg: "this is a diy dialog box", width: 300...

    用ext来登录的程序代码

    - `Ext.MessageBox.show()`: 显示加载提示框。 - `setTimeout` 和 `Ext.MessageBox.updateProgress()`: 更新进度提示。 - `doAction('submit')`: 提交表单数据到服务器。 - `success` 和 `failure`: 成功和失败...

    Ext很好的学习资料

    4. **Ext.MessageBox.show()**: 这是最灵活的方法,允许通过配置对象自定义对话框。配置项包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 可以设置预定义的按钮组合或自定义按钮文字。 - `closable`: ...

    ext学习资料,很基础的,一步一步都很详细,希望共同学习ext

    接下来,我们将逐一分析 `Ext.MessageBox` 的四种核心方法:`alert()`、`confirm()`、`prompt()` 和 `show()`。 #### 三、Ext.MessageBox 方法详解 ##### 1. Ext.MessageBox.alert() `alert()` 方法用于显示一个...

    ExtJs2.0学习系列 word格式

    4. **Ext.MessageBox.show()方法** 这是最灵活的方法,允许完全自定义对话框。通过配置对象,你可以设置`animEl`(动画效果元素)、`buttons`(自定义按钮)、`closable`(是否可关闭)、`msg`、`title`、`fn`...

    ExtJs2.0学习系列

    最后,`Ext.MessageBox.show()`是最灵活的方法,因为它允许通过配置对象来定制对话框。配置项包括但不限于`animEl`(动画效果)、`buttons`(自定义按钮)、`closable`(是否显示关闭按钮)、`msg`(消息内容)、`...

    Extjs2.0的入门

    4. `Ext.MessageBox.show()` `show()`方法是最灵活的,允许自定义配置以创建任意复杂的对话框。常用配置参数包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 可以是预定义的按钮组合,如`Ext.Msg.OKCANCEL`,...

    ExtJs控件详解

    `Ext.MessageBox.show()` 是一个非常灵活的对话框方法,允许通过配置对象来定制对话框的外观和行为。它可以接受许多配置选项,包括但不限于: - `animEl`:指定动画元素。 - `buttons`:定义对话框的按钮,如`Ext....

    EXTJS讲解个人项目经历

    - **基本组件**:如Box、Button、Panel、Progress Bar等,它们是构建复杂UI的基础。 - **工具栏组件**:如Toolbar、SplitButton等,用于创建工具栏和按钮组。 - **表单及元素组件**:如Editor、EditorGridPanel等...

    ExtJs入门详细的介绍版.doc

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

    ext实现完整的登录代码

    `Ext.MessageBox.show` 创建一个消息框,并设置其为进度条模式。通过`setTimeout` 和递归函数模拟加载进度。 7. **窗口(Windows)**: 创建一个`Ext.Window`对象作为登录表单的容器。`title` 设置窗口标题,`...

    ExtJS入门实例

    **概述:** `Ext.MessageBox.show()` 方法提供了高度定制化的提示框,通过配置对象来设置提示框的各种属性。 **常用配置参数说明:** - **animEl (String, optional):** 动画元素ID,设置提示框弹出和关闭时的动画...

    ExtJs入门实例[整理].pdf

    `Ext.MessageBox.show()`是最灵活的方法,允许自定义对话框的各种属性。它通过配置对象(config object)来指定对话框的样式和行为。常用配置参数包括: - `animEl`: 动画效果的元素ID。 - `buttons`: 按钮配置,...

    extjs2.0学习资料

    本文详细介绍了 Extjs2.0 中 `Ext.MessageBox` 组件的主要方法及其用法,包括 `alert()`、`confirm()`、`prompt()` 和 `show()`。通过这些方法,我们可以创建不同类型的弹出对话框,从而提高 Web 应用的用户体验。...

    ExtJs教程.pdf

    4. Ext.MessageBox.show() - 是一个多功能的弹窗函数,可以定制化的显示各种类型的弹窗。 紧接着,内容部分给出了Ext.MessageBox.show()函数的详细配置参数: - title - 弹窗的标题。 - msg - 弹窗中显示的消息...

Global site tag (gtag.js) - Google Analytics