ExtJS 3.4 滑块控件

Posted 2023-02-26

【中文标题】ExtJS 3.4 滑块控件

【英文标题】：ExtJS 3.4 Slider Control

【发布时间】：2012-02-21 07:08:25

【问题描述】：

我的问题与 Extjs 3.4 滑块控件有关。我想在更改事件上获取值，即双向滑块的最小值和最大值，并将它们显示在标签中。但是我无法为两个不同的拇指获得两个值。简而言之，我想获得两个拇指的单独值。这是我的代码

Ext.onReady(function()
           var tip = new Ext.slider.Tip(
           getText: function(thumb)
               if(thumb)
               
                  document.getElementById("lblAge").innerhtml= thumb.value;
               


           
       );

       new Ext.slider.MultiSlider(
           renderTo: 'ageslider',
           width   : 124,
           minValue: 0,
           maxValue: 100,
           values  : [0, 90],
           plugins : tip
              );

我无法找出解决方案，请检查代码。 谢谢提前。

【参考方案1】：

滑块中有一个拇指数组。您可以制作循环并为每个拇指获取价值。类似的东西：

getText: function(thumb)
    var slider = thumb.slider;
    values = [];
    for (i = 0; i < slider.thumbs.length; i++) 
        values.push(slider.thumbs[i].value);
    
    console.log(values);