PHP Code:
myapp.mygrid = Ext.extend(Ext.grid.GridPanel, {
id: 'mygrid',
loadMask: new Ext.LoadMask(Ext.getCmp('mygrid').getEl(), {
msg : '<p align="center">Lade Daten... </p><br>'
+ '<button class="x-btn-wrap x-btn billWide x-btn-text" onclick="'
+ 'Ext.Ajax.abort(Ext.getCmp(\'mygrid\').getStore().proxy.getConnection().transId);'
+ 'Ext.getCmp(\'mygrid\').getEl().unmask();'
+ '">Cancel</button>'
}),
initComponent : function() {
reader, store ...
Ext.apply(this, {
store:store
.
cm: ..
.
.
sm: ..
.
.
.
}); // eo apply
// call parent
myapp.mygrid.superclass.initComponent.apply(this,arguments);
} // eo function initComponent
});
this doesnt work .. what i want to do is a cancel button in the autoLoad mask of a grid. Normaly when you pass this configuration to the grid:
autoload: true,
you have an autoload function, which will started at the very beggining of the application. now i want the posibility to stop this and at the same time to unmask the grid element