码迷,mamicode.com
首页 > Web开发 > 详细

[ExtJs5.1.0-第3天] 进度条组件介绍

时间:2015-09-15 00:22:21      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

进度条组件介绍

1.认识Ext.Progress

    BarExt.ProgressBar是一个可更新的进度条组件,继承自Ext.Component,该进度条具有2种不同的模式: 手工模式 和 自动模式。在手工模式中程序员要自己控制进度条的显示、更新、清楚;在自动模式中只需调用wait方法,进度条就会自动无限制地滚动下去,它适合为那些长时间的同步操作进行提示。

下表给出所有组件都有的公共属性和方法

配置项 类型 说明
renderTo String 指定一个页面上已经存在的元素或元素id,该元素将会成为新组件的容器
height Number 组件的高度单位是像素
width Number 组件的宽度单位是像素
cls String 一个可选的样式表扩展,用于组件元素,常用于用户自定义样式,默认为空

注意: renderTo将目标元素作为新组建的额容器,所以它要求目标元素必须可以直接作为容器使用,在HTML元素中并不是所有元素都可以直接作为其他元素的容器。

2.手工模式的进度条

    手工更新进度条主要是通过调用进度条的updateProgress()方法实现的,它与之前介绍过的updateProgress()方法非常类似,下面介绍如何使用updateProgress()方法

    调用格式:

        updateProgress([Float value], [String text], [Boolean animate])

    参数说明:

        value: 0~1的数字,默认为0,如果value超过1,进度条不会重新开始

        text: 进度条上显示的文字,如果忽略该参数则进度条将保持现有的文字不更新

        animate: 是否使用动画效果,默认为false

    返回值: Ext.ProgressBar


[ExtJs5.1.0-第3天] 进度条组件介绍

标签:

原文地址:http://my.oschina.net/LvSantorini/blog/506072

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!