Ext.form.Panel doesn't allow to defined a api object

[Dumas]

It should be possible to define an api object like this:


api: { load: SomeStub.load, submit:SomeStub.submit }

currently Ext Designer generates:


api: '{ load: SomeStub.load, submit:SomeStub.submit }'

Tested on Mac OS X Lion with Ext Designer 2.0 build 298

best regards
Roland

[bharatn]

Hi Roland,

We recently opened a ticket for this DSGNR-1393. This should be resolved in the coming weeks.

Thanks

[Dumas]

If someone else is also using Ext Designer with FormPanels and API, here's a override which makes the Designer code work proper (for build 298):



// just change the following line
var className = 'MyApp.view.ui.CommentForm';

// you don't have to care about this
Ext.require([className], function() {
var classObj = Ext.ClassManager.get(className),
classPrototype = classObj.prototype,
fixApiConfig = function(api) {
if(Ext.isString(api)) {
var stringToObject = new Function("return "+api);
return stringToObject();
} else {
return api;
}
};


// Ext Designer defines the api two times, so we need to
// overwrite two times as well
Ext.define(className+'Overrride', {
override: className,

// override the designer config
api: fixApiConfig(classPrototype.api),

// override the designer initComponent config
constructor : function(config) {
if(!config.api) {
config.api = fixApiConfig(classPrototype.api);
}
this.callParent([config]);
}
});
});