进度条控件(progressbar),以动画形式显示当前进度值,并自由控制文字说明的显示。同时,在进度发生变化和达到最大值时分别触发相应事件。
<wafctrl:progressBar id="id" name="name" />
var options = {title:'progressbar' ,id:'progressbar'};
var dom = waf.createDOM("progressBar", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("progressBar", options, dom);
<input id="id" name="number" type="text" class="enter2tab ui-progressBar form" ctrlrole="progressBar" aria-disabled="false" style="" tabindex="0">
<!--DOM创建好之后,使用js初始化控件-->
waf("#id").wafProgressBar(options);
//调用方法
waf("#id").wafProgressBar('method', parameter...);
//eg:获取和设置值
waf("#id").wafProgressBar("getValue");
waf("#id").wafProgressBar("setValue");
//eg:更改事件
waf("#id").wafProgressBar("option","onchange",fn);
定义进度条控件的id,若无定义将自动生成.
定义进度条的显示值,默认值为0.
定义进度条的最大值,默认值为100.
定义进度条的值以百分比显示时四舍五入后的小数位数,默认值为0.
定义文字相对于进度条的相对位置,值为’bottom’、’left’、’top’、’right’、’center’之一,默认值为’bottom’.
定义是否显示文字,默认值为true.
定义进度条文字描述显示形式,有三种选择.值为’percent’时,以百分比显示;值为’fraction’时,以分数形式显示;也可自定义文字,如’请稍候…”,默认值为’percent’
定义进度条显示长度,默认值为345px.
定义进度条显示高度,默认值为8px.
定义进度条里层轮廓的样式类.
定义进度条外层轮廓的样式类.
定义进度条里层轮廓的样式.
获得或设置进度条控件某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值.
获得进度条的值.
设置进度条的值.
进度条值发生变化时,触发onchange事件
进度条达到最大值时,触发oncomplete事件