`
猪↘專屬|华
  • 浏览: 164001 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

extjs进度条,超简单

阅读更多

  Ext.get('mb6').on('click', function(){
         Ext.MessageBox.show({
            title: '请稍候...',//消息框标题
            msg: '初始化中...',//显示的文本
            width:240//宽度
            progress:true,//此属性证明是滚动条
            closable:false,//不可以关闭
            animEl: 'mb6'//飞出来的
        });

        // this hideous block creates the bogus progress
        var f = function(v){
             return function(){
                 if(v == 11){
                     Ext.MessageBox.hide();
                 }else{
                     Ext.MessageBox.updateProgress(v/10, '内容加载中,进度 ' + v + ' / 10...');
                 }
            };
        };
        for(var i = 1; i < 12; i++){
            setTimeout(f(i), i*1000);
        }
     });

0
0
分享到:
评论

相关推荐

    extjs 进度条的显示

    本文将深入探讨如何在ExtJS中实现进度条的显示,这是一个在数据加载、文件上传或任何需要用户等待的任务中非常实用的功能。通过理解和应用以下知识点,你可以有效地在你的ExtJS项目中集成进度条,提升用户体验。 ##...

    Asp.net+Extjs+Ajax轮询进度条.rar

    "Asp.net+Extjs+Ajax轮询进度条.rar"这个压缩包文件显然包含了一个使用这些技术实现的特定功能——一个实时显示服务器处理进度的进度条界面。下面,我们将详细探讨这些技术以及它们在实现轮询进度条中的应用。 Asp...

    ExtJS_可编辑Grid进度条

    在“ExtJS_可编辑Grid进度条”这个主题中,我们将深入探讨如何在Grid组件中实现可编辑的进度条功能,以及这一功能的实现原理和应用场景。 首先,我们要理解Grid的基本概念。Grid在ExtJS中是一个表格视图,用于展示...

    ExtJs实现进度条实例

    创建一个基本的进度条非常简单,只需要创建一个新的`Ext.ProgressBar`实例,并传入配置项。例如: ```javascript var progressBar = Ext.create('Ext.ProgressBar', { text: '加载中...' }); ``` 2. **动态...

    extjs java 上传文件进度条

    总结来说,"extjs java 上传文件进度条"这个主题涉及到前端与后端的交互,需要理解ExtJS组件的使用,熟悉Ajax异步上传,掌握Java服务器处理文件上传的逻辑,以及HTTP协议、JSON通信等相关知识。通过这些技术的结合,...

    ExtJS带进度条的多文件上传和图片预览

    在"ExtJS带进度条的多文件上传和图片预览"这个项目中,它展示了如何利用ExtJS来实现一个高效且用户友好的文件上传功能,尤其适用于处理大量或大体积的文件。下面将详细介绍这个项目中的关键知识点。 1. **ExtJS组件...

    ExtJS4多文件上传,带进度条及管理

    本文将详细解析"ExtJS4多文件上传,带进度条及管理"这一主题,涵盖其核心概念、实现方式以及相关技术。 **一、ExtJS4概述** ExtJS4是Sencha公司推出的一个前端框架,它提供了丰富的组件库和强大的数据绑定机制,...

    ExtJs实现进度条实例.htm

    除了基本的进度条,ExtJs还支持复杂的进度条用法,例如,你可以创建分段的进度条,或者在进度条上添加额外的图标和提示信息。同时,可以结合其他组件,如按钮、表格等,创建更复杂的用户界面。 在实际开发中,...

    ExtJS+ASP.NET实现真实的进度条显示

    在本文中,我们将探讨如何利用ExtJS和ASP.NET来实现在服务器端进行长时间操作时,向用户展示一个实时更新的进度条,从而提升用户体验。这一技术对于那些需要处理大量数据或执行复杂计算的Web应用程序至关重要。 ...

    extjs+swfupload实现多文件上传下载删除带进度条

    本篇将详细讲解如何利用`ExtJS`和`SwfUpload`来创建一个支持多文件上传、下载和删除,并带有进度条显示的系统。 `ExtJS`是一个基于JavaScript的UI框架,它提供了丰富的组件库和强大的数据绑定机制,可以构建出复杂...

    ExtJS3.4和VS2010上传文件的进度条

    标题中的“ExtJS3.4和VS2010上传文件的进度条”涉及的是一个使用ExtJS3.4版本的JavaScript库与Microsoft Visual Studio 2010(VS2010)进行文件上传,并在上传过程中显示进度条的功能。这个功能在Web应用程序中非常...

    extjs swfupload .net 多文件带进度条上传

    【标题】"extjs swfupload .net 多文件带进度条上传"涉及的核心技术是前端的EXTJS框架、后端的ASP.NET平台以及中间的文件上传组件SWFUpload。这种组合允许用户在Web应用中实现批量文件上传并显示上传进度,提供了...

    Extjs+java+swf多文件上传进度条显示项目

    标题中的“Extjs+java+swf多文件上传进度条显示项目”是一个综合性的Web开发实践,涉及到前端的用户界面、后端的数据处理以及文件上传过程中进度反馈的实现。这个项目利用了Extjs库来构建用户界面,Java作为服务器端...

    ExtJs框架系列之ProgressGrid进度条

    ExtJs是一个功能强大的JavaScript...总之,ProgressColumn是ExtJs提供的一种强大工具,它使得在GridPanel中显示进度信息变得简单而直观。通过合理的配置和定制,你可以创建出满足业务需求的高效、美观的进度条展示。

    Extjs实现进度条的两种便捷方式

    做Extjs开发中,往往后台程序可能要执行一段时间才能得到返回结果,加入进度条可以提高客户体验度,以下为两种便捷的方式: 1.提交数据前用Ext.Msg.wait(‘提示’,’正在处理数据,请稍候’);弹出等待条,数据处理...

    Flex仿Extjs局部遮罩(可带进度条)

    自己整理的的一个仿Extjs局部遮罩,可带进度条。只是一个思路,组件有些小问题,比如组件大小改变时,遮罩没有随着组件大小变。大家使用时候可以优化了下。

    EXTJS简单MVC实例

    只要将解压的文件直接放置到myeclipse的webroot下面,启动tomcat访问。简单的EXTJS mvc框架,设计 store,model,controller,view,window等等,同时展示了一些基本的点击显示、修改等等操作,需要的同学自行下载

    Extjs6 最简单的示例java版

    Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版Extjs6 最简单的示例java版

    ExtJS upload file

    "ExtJS进度条.txt"可能提供了关于如何在上传过程中显示进度信息的代码片段。ExtJS的`Ext.ProgressBar`组件可以用来实时更新文件上传的进度,为用户提供更好的交互体验。 4. **Apache服务器**: Apache是常见的Web...

Global site tag (gtag.js) - Google Analytics