Assign Javascript UI widget function to a parameter and execute

Question

Even though there are similar questions, I couldn't find the solution of this case. In javascript, I have two ui widgets (let's call textbox1 and textbox2). My purpose is to write a generic handler for those functionalities. For example instead of doing following code,

initialize: function(element, options){

    if(options.isTextbox1){
       return element.textbox1(options);
    }
    return element.textbox2(options);

}

I would like to do as following,

var mode;
initialize: function(element, options){
    if(element.isTextbox1){
        mode = element.textbox1;
    }
    else{
        mode = element.textbox2;
    }
    return mode(options);
}

However, the second code piece is throwing exception as

Uncaught TypeError: this.each is not a function

thrown from jquery-ui-1.9.2.

What would be the appopriate way to handle this situation?

Deniz Beker · Accepted Answer · 2016-08-19 06:22:14Z

1

I was able to solve it.

Here is the usage

var mode;
initialize: function(element, options){
    if(element.isTextbox1){
        mode = 'textbox1';
    }
    else{
        mode = 'textbox2';
    }
    return element[mode](options);
}

answered Aug 19, 2016 at 6:22

Deniz Beker

2,2241 gold badge20 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Assign Javascript UI widget function to a parameter and execute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related