标签:
进度条组件介绍
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
标签:
原文地址:http://my.oschina.net/LvSantorini/blog/506072