Comments on: Return Value of Function as items Pattern

By: thezver

thezver — Wed, 03 Mar 2010 11:46:02 +0000

the difference is scope : in case you need to refer to properties/methods of the class itself (`this`) inside the function.
also, i think it\’s a good practice to NOT use inline functions (closures) this way, but to refer to defined methods of the class, or to \’helper\’ methods.
correct me if i\’m wrong .

By: zeruyo

zeruyo — Wed, 26 Aug 2009 06:17:42 +0000

I don\’t understand what the difference is with

items:function()
{
var items[];
.
.
.
return items;
}()

By: Saki

Saki — Mon, 26 May 2008 11:18:02 +0000

@Lucian

Exactly! I see that you grasped it fully. You can use same pattern also for items array if you need to.

By: Lucian

Lucian — Mon, 26 May 2008 10:42:37 +0000

A good example on how to use this pattern:

{
     xtype: 'combo'
    ,fieldLabel: 'Combobox field label'
    ,width:186
    ,typeAhead: true
    ,displayField: 'value'
    ,mode: 'local'
    ,value: new Date().format('Y')
    ,triggerAction: 'all'
    ,hideOnSelect:false
    ,emptyText:'Select year...'
    ,store: (function(){
        var years = [];         
        var dt = new Date();
        for(var i=1900; i &lt;= dt.format('Y'); i++){
            years.push(i);
        }    
        return years;
    }).createDelegate(this)()
}

That code will render a combobox for selecting one year between 1900 and the current year, basically an “year selector”.