Add tip text dynamically to a slider

Question

In my project, I am trying to add the tip text (config) dynamically to a slider. How to do that? I need to add it dynamically because I am generating the array of variables in a "Controller", which holds the text for each value of the slider (for tip text).

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

There is no such method like setTipText in docs. What should I use then?

EDIT:

{
        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;
        },
},

score 0 · Answer 1 · answered Mar 11 '13 at 13:20

0

tipText requires a function config so you can add a function that will use your variables from controller;

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

This is added on the creation of the slider so you don't need to modify it , just your variables in controller. So you don't need to re set the tip text function.

answered Mar 11 '13 at 13:20

nscrob

4,483
1
20
24

I tried this. I am getting error `Uncaught TypeError: Object # – Mr_Green Mar 12 '13 at 05:24
Sorry, I can't understand. The namespace I assigned is `App` here. still it doesn't work. – Mr_Green Mar 12 '13 at 07:29
you still get an error ? by the way you need to return the value from the function – nscrob Mar 12 '13 at 08:10

score 0 · Accepted Answer · edited May 23 '17 at 12:21

0

I solved this issue by using getText method of Ext.slider.Tip.

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.

For example in which situation it can be used, you have a look at this link

edited May 23 '17 at 12:21

Community

1
1

answered Mar 22 '13 at 10:14

Mr_Green

40,727
45
159
271

Add tip text dynamically to a slider

2 Answers2

Linked