Dorado 9 : ProgressBar(DCUG)

效果预览

基本使用

<ProgressBar>
	<Property name="minValue">0</Property>
	<Property name="maxValue">100</Property>
	<Property name="value">82</Property>
	<Property name="width">200</Property>
</ProgressBar>

通过minValue和maxValue设置ProgressBar的最小和最大值,并通过value属性设置当前值。

progressBar.set("value", 90);

技巧

技巧1:在DataColumn中与一个PropertyDef绑定,并显示其中的数据

设置DataColumn的renderer属性为"dorado.widget.grid.ProgressBarCellRenderer":

其它属性说明

showText

通过该属性控制进度条中是否显示文本,如下的效果对比:

showText的值 
true
false

 

textPattern

通过该属性设置显示的文本格式(showText为true情况下才有意义):

 

textPattern的值效果
{percent}%
百分之 {percent}

Attachments: