Return string when execute function

Question

I have a view:

Ext.define('DemoApp.view.Main', {
    //Some code here
    ...
    items: [{
        xtype: 'label',
        text: //<- I want to run some scripts then return a string to this.
    }]
})

I tried:

text: function() {
    return 'Test';
}

but nothing happened.

Please help!

Can you define the object and then, afterwards, run whatever code it is you want to fill the text field? Like items[0].text = 'Test'. As it stands, it seems that you are just setting text to be a function and not executing that function. — Jacob
– Jacob, Commented Nov 20, 2015 at 11:12

Gilsha · Accepted Answer · 2015-11-20 11:28:20Z

2

Solution 1:

function getText(){
   if(someVariable==someValue){
     return 'text1';
   } else{
     return 'text2';
   }
};
Ext.define('DemoApp.view.Main', {
    //Some code here
    ...
    items: [{
        xtype: 'label',
        text: getText()
    }]
});

In this case, if you are writing the main definition as a separate file, getText function will become global function.

Solution 2:

Ext.define('DemoApp.view.Main', {
    //Some code here
    ...
    initComponent: function(){
        function getText(){
            if(someVariable==someValue){
               return 'text1';
            } else{
               return 'text2';
            }
        };
        this.items = [{
           xtype: 'label',
           text: getText()
        }];
        this.callParent(arguments);
    }
});

answered Nov 20, 2015 at 11:28

Gilsha

14.6k3 gold badges36 silver badges48 bronze badges

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

2 Comments

Danie Over a year ago

Perfect! Thank you very much!

Emissary Over a year ago

Worth noting that Ext.define accepts an anonymous function as an optional third parameter - allowing you to neatly resolve any imperative logic without polluting the global scope.

Alexander · Accepted Answer · 2015-11-20 13:40:17Z

0

One set of parentheses can make so much difference:

text: function() {
    return 'Test';
}()

answered Nov 20, 2015 at 13:40

Alexander

20.3k21 gold badges86 silver badges172 bronze badges

Comments

Aravindan Venkatesan · Accepted Answer · 2015-11-20 11:15:29Z

-1

It works for me please check the below code.

 <script>
    function returntext(d){
        return d;
    }
    window.item = [{
        text: returntext("Name")
    }]
</script>

answered Nov 20, 2015 at 11:15

Aravindan Venkatesan

6285 silver badges10 bronze badges

Collectives™ on Stack Overflow

Return string when execute function

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related