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]);
         }
    });
});