callback with parameters ??? #20

wokung · 2015-05-15T09:36:18Z

Hey,

is it somehow possible to add parameters to the callback function?

that would make the callback much more useful, since it is possible to pass an index or a classname for the callback.

Would be great if you could implement that. It is not possible at the moment.

Thanks!

with kind regards

jorgechato · 2015-05-15T10:27:37Z

👍 this will be great for multiples powerange.

for the one like me that need multiples powerange, this is my hack until we have a callback with parameters.

$(document).on("ready", function(){
    var cust = document.querySelectorAll('.js-customized');
    var initCust;
    var j = 0;
    for (i = 0 ; i < cust.length ; i++){
        initCust = new Powerange(cust[i], {
            callback: displayValue,
            hideRange: true,
            klass: 'power-ranger',
            min: 0,
            max: 100,
            start: 0
        });
    }

    $('.range-handle').mousedown(function(){
        j = $('.range-handle').index(this);
    });
    function displayValue() {
        $('.display-box')[j].innerHTML = cust[j].value + "%";
    }
});

wokung · 2015-05-18T15:32:29Z

Hey,

thanks for the workaround!!!

I used jquery.each for this, but i'm not happy with the solution.

mguinness · 2015-08-27T17:46:20Z

Since ECMAScript 5 added a bind method to function objects, you can assign the element to this and then use that within the function:

var opt = {};
opt.callback = function () {
    document.getElementById(this.id + '-display').innerHTML = this.value;
}.bind(this);
var powerange = new Powerange(this, opt);

In addition, you can also associate the powerange object to the element for later use within both callback and other functions.

jQuery.data(this, 'powerange', powerange);

It would be great if Alexander could mention these workarounds in Readme.md as it would be helpful to others using multiple controls.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

callback with parameters ??? #20

callback with parameters ??? #20

Uh oh!

Uh oh!

Uh oh!

callback with parameters ??? #20

callback with parameters ??? #20

Comments

Uh oh!

Uh oh!

Uh oh!