function scope change.

[fenuk]

i have this example:


Ext.onReady(function(){


new Ext.Window({

title : "Window",
height : 400,
width : 400,
items : new Ext.FormPanel({
labelWidth: 75,
frame:true,
title: 'Simple Form',
width: 350,
defaults: {width: 230},
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first'
}],
buttons: [{
text: 'Some function',
handler: function() { <!--function must close window--> }
}]
})
}).show()
})


what need do, that function close window?

[Condor]

You could use:

handler: function(btn){
var win = btn.findParentByType('window');
win[win.closeAction]();
}

[fenuk]

wow, first time see this:


win[win.closeAction]();


why not:

win.close()

what principle different?

[Condor]

It's what the [x] button at the top does too.

[fenuk]

do you have some other examples this syntax?

[Condor]

A very common use is:

element[bool ? 'addClass' : 'removeClass'](someClass);