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

进度条组件介绍

1.认识Ext.Progress

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

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

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

2.手工模式的进度条

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

调用格式:

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

参数说明:

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

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

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

返回值: Ext.ProgressBar