call function in extjs class dynamically

Question

I have an ExtJs class that looks like this:

Ext.define("RuleExecutor", {
    singleton: true,
    displayMessage: function(msg) {
        Ext.Msg.alert('Popup Message', msg[0]);
    },
    disableById: function(field) {
        Ext.getCmp(field).setDisabled(true);
    },
    //more functions are here...
});

Now I get a string => str which contains the method name I need to run. I need to call the method in RuleExecutor specified by the string in str

The method is called correctly, but the arguments are not passed.

Like this:

//arguments is an array
function RunRule(str, arguments) {
  //I tried this....
  var fn = RuleExecutor[str];
  fn(arguments)

  //This doesn't work either..
  RuleExecutor[str].apply(this, arguments);
}

It's a singleton, so RuleExecutor.displayMessage('blabla') should work? Or I am missing something? — asgoth
– asgoth, Commented Dec 31, 2012 at 12:41
Where do you call RunRule()? I don't know if something else applies for ExtJs, but by convention, function names start with a lower case letter. — 11684
– 11684, Commented Dec 31, 2012 at 12:45

Rafał Rutkowski · Accepted Answer · 2013-01-02 12:59:11Z

2

Don't use 'arguments' as a variable name. There already is a built-in array-like object called 'arguments' in JavaScript. Your method may look like this:

function RunRule(str) {
    var slice = Array.prototype.slice,
        args = slice.call(arguments, 1);
    RuleExecutor[str].apply(RuleExecutor, args);
}

I used the slice method from the 'real' array prototype. The line:

args = slice.call(arguments, 1)

copies all arguments except the first one to the args variable. You call RunRule like this:

RunRule("displayMessage", "Hello");

answered Jan 2, 2013 at 12:59

Rafał Rutkowski

1,44910 silver badges11 bronze badges

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

Comments

bhutten · Accepted Answer · 2012-12-31 16:22:28Z

1

Is this what you're looking for?

Ext.onReady(function () {
    Ext.define("RuleExecutor", {
        singleton: true,
        displayMessage: function (msg) {
            Ext.Msg.alert('Popup Message', msg[0]);
        },
        disableById: function (field) {
            Ext.getCmp(field).setDisabled(true);
        }
    });

    var str = 'displayMessage';
    RuleExecutor[str](['bar']);
});

answered Dec 31, 2012 at 16:22

bhutten

5263 silver badges5 bronze badges

Collectives™ on Stack Overflow

call function in extjs class dynamically

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related