Ext js 4 slider always show tip demo
浏览数：51 /
时间：2015年06月09日
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()
});
参考：
http://www.sencha.com/forum/showthread.php?257843-Always-show-the-tip-text-of-Slider-in-Extjs
http://stackoverflow.com/questions/15198053/always-show-the-tip-text-of-slider-in-extjs
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
