如何使用extjs4.1.3将userTip放在滑块底部

时间:2013-10-28 11:10:13

标签: extjs extjs4.1

我在extjs 4.1.3中使用滑块。我在滑块顶部获得了userTip。现在我想在滑块代码的底部如下

var slider=Ext.create('Ext.slider.Single', {
  width: 300,
  value: 100,
  increment: 5,
  minValue: 5,
  maxValue: 100,
  labelWidth: 160,
});

我的滑块结果如图所示:     enter image description here

我想如下图所示    enter image description here

请帮助我。

1 个答案:

答案 0 :(得分:1)

Ext.slider.Tip.prototype.offsets = [0, 50];

只需在代码上方添加此行即可。 这使得所有滑块的 tipText 都降到了下面,不需要提及每个。

或者,如果您只想添加到该滑块,请使用以下侦听器:

  listeners:{    
 render:function( ths, eOpts ){      
 ths.plugins[0].offsets = [0,50]; 
      }  
 }