將提示文字動態添加到滑塊

Question

在我的項目中，我試圖將tip text（config）動態添加到滑塊。怎麼做？ 我需要動態添加它，因爲我在「控制器」中生成變量數組，該控制器爲滑塊的每個值（用於提示文本）保存文本。

var slider = Ext.getCmp('slider') 
slider.setTipText(arrayOfVariables) //What should I do here instead? 

在文檔中沒有像setTipText這樣的方法。我應該使用什麼？

編輯：

{ 
     xtype:'slider', 
     animate: false, 
     //plugins: [Ext.create('App.view.SliderOverride')], 
     cls: 'sliderStyle', 
     width: "80%", 
     id: 'slider', 
     value: 36/2, //must be current month 
     //increment: 10, 
     minValue: 1, 
     maxValue: 36, 
     useTips: true,   
     tipText: function(thumb){ 
      alert("hello"); 
      App.getController('TaskController')._arrMonthView[thumb.value].month; 
     }, 
}, 

Answer 1

我通過使用Ext.slider.Tip的getText方法解決了這個問題。

Used to create the text that appears in the Tip's body. By default this just returns the value of the Slider Thumb that the Tip is attached to. Override to customize.

例如，在何種情況下可以使用，你看看這個link

Answer 2

tipText需要的功能配置，因此您可以添加將使用的變量從控制器的功能;

Ext.create('Ext.slider.Multi', { 
    .... 
    tipText: function(){ 
      return App.getController('your controller').yourVariable 
    }, 
    ..... 
}); 

這是在創建滑塊時添加的，因此您不需要修改它，只需在控制器中對其進行修改即可。所以你不需要重新設置提示文字功能。