首页 教程 API文档

水平滑块组件

2015-11-17 13:49:58

属性


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

描述


HSlider是使用ui.Slider模型而创建的水平滑块组件模块.

水平滑块组件图片

成员列表


方法名称 成员类型 描述

参数选项


名称 类型 默认值 描述
level Number 1 在layout中的默认布局等级
height Number 22 默认高度

相关例子



Std.ui("HSlider",{
    renderTo:"body",
    value:80,
    min:-50,
    max:100,
    width:300,
    on:{
        change:function(){
            Std.dom("#value").html(this.value())
        }
    }
});

Std.ui("HSlider",{
    renderTo:"body",
    value:80,
    min:-50,
    max:100,
    width:300,
    color:"#CC4039",
    on:{
        change:function(){
            Std.dom("#value").html(this.value())
        }
    }
});

Std.ui("HSlider",{
    renderTo:"body",
    value:80,
    min:-50,
    max:100,
    width:300,
    color:"#000000",
    on:{
        change:function(){
            Std.dom("#value").html(this.value())
        }
    }
});

Std.ui("HSlider",{
    renderTo:"body",
    value:80,
    min:-50,
    max:100,
    width:300,
    color:"#30B96B",
    on:{
        change:function(){
            Std.dom("#value").html(this.value())
        }
    }
});