extjs4中滚轴控件 Ext.slider的用法

        <h2>纵向，带提示</h2>
        <div id="slider2"></div>

         <h2>多值，自定义提示</h2>
        <div id="slider3"></div>
    </div>

    //纵向，带提示
    new Ext.create('Ext.slider.Single', {
        renderTo: 'slider2',
        height: 150,
        minValue: 0,
        maxValue: 20,
        vertical: true,
        plugins: new Ext.slider.Tip()
    });

    //多值，自定义提示
    var slider3 = Ext.create('Ext.slider.Multi', {
        renderTo: 'slider3',
        width: 214,
        minValue: 0,
        maxValue: 20,
        values: [5, 12],
        plugins: new Ext.slider.Tip({
            getText: function (thumb) {
                return Ext.String.format('当前：<b>{0}/20</b>', thumb.value);
            }
        })
    });

    //获取滚轴1的值
    Ext.fly("button2").on('click', function () {
        Ext.MessageBox.alert("获取值", "滚轴1的值：" + slider1.getValue());
    });

    //设置滚轴3的值为10,15
    Ext.fly("button3").on('click', function () {
        slider3.setValue(0, 10);
        slider3.setValue(1, 15);
    });

    //获取滚轴3的值集合
    Ext.fly("button4").on('click', function () {
        Ext.MessageBox.alert("获取值", "滚轴3的值集合：" + slider3.getValues());
    });