Ext js 4 slider always show tip demo

最新推荐文章于 2021-03-20 12:01:45 发布

HelloWorldDemo

最新推荐文章于 2021-03-20 12:01:45 发布

阅读量1.5k

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/helloworlddream/article/details/19166311

版权

extjs 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

Ext js 4 slider always show tip demo

Ext.define('AlwaysVisibleTip', {
    extend: 'Ext.slider.Tip',

    init: function(slider) {
        var me = this;
        me.callParent(arguments);
        slider.removeListener('dragend', me.hide);
        slider.on({
            scope: me,
            change: me.onSlide,
            afterrender: function() {
                setTimeout(function() {
                    me.onSlide(slider, null, slider.thumbs[0]);
                }, 100);
            }
        });
    }
});
Ext.create('Ext.slider.Single', {
    width: 200,
    value: 50,
    increment: 1,
    minValue: 0,
    maxValue: 100,
    plugins: [Ext.create('AlwaysVisibleTip',{
        getText: function(thumb) {
            
            return thumb.value + '%';
        }
    })],
    tipText : function(thumb)
    {
        return thumb.value + '%';
    },
    renderTo: Ext.getBody()
});