首页 教程 API文档

水平进度条组件

2015-10-30 10:19:04

属性


父模块 widget
依赖模型 ui.Progress
Demo地址 Progress

描述


HProgress是基于ui.Progress模型创建的水平滚动条组件.

分组组件图片

成员列表


方法名称 成员类型 描述

参数选项


名称 类型 默认值 描述
height Number 26 默认水平滚动条高度
minWidth Number 35 水平滚动条的最小宽度
minHeight Number 15 水平滚动条的最小高度

相关例子



var progress1 = Std.ui("HProgress",{
    renderTo:"body",
    value:0,
    min:0,
    max:100,
    on:{
        change:function(){
            Std.dom("#value1").html(this.value())
        }
    }
});

var progress2 = Std.ui("HProgress",{
    renderTo:"body",
    value:0,
    min:0,
    max:100,
    color:"red",
    on:{
        change:function(){
            Std.dom("#value2").html(this.value())
        }
    }
});

var progress3 = Std.ui("HProgress",{
    renderTo:"body",
    value:0,
    min:0,
    max:100,
    color:"black",
    on:{
        change:function(){
            Std.dom("#value3").html(this.value())
        }
    }
});

var progress4 = Std.ui("HProgress",{
    renderTo:"body",
    value:0,
    min:0,
    max:100,
    color:"green",
    on:{
        change:function(){
            Std.dom("#value4").html(this.value())
        }
    }
});