[DEFER] Component xtype not registered in exported js file

[WBX]

I created a window into which I inserted a ListView & DataView. After configuration, I performed "Promote To Class" and changed the jsClass & userXType settings for both. I then exported the project and opened the result in a browser, receiving the following error:

Error: types[config.xtype || defaultType] is not a constructor
Source File: http://extjs.cachefly.net/ext-3.2.1/ext-all-debug.js
Line: 9553

I discovered that the xtype was being registered for the ListView:

CategoryListView = Ext.extend(CategoryListViewUi, {
    initComponent: function() {
        CategoryListView.superclass.initComponent.call(this);
    }
});
Ext.reg('categorylistview', CategoryListView);

but not for the DataView:

BookDataView = Ext.extend(BookDataViewUi, {
    initComponent: function() {
        BookDataView.superclass.initComponent.call(this);
    }
});

I tried deleting the DataView and recreating but received the same results.

I've attached all relevant files.

[jarrednicholls]

Hi WBX,

Because the xtype is registered in the .js file, and the .js is not overwritten if it already exists (so any implementation code is not lost), any userXType changes are not seen between one export and another. You will need to either add the xtype registration manually, or delete your .js file for BookDataView (given that you don't have any implementation code in there yet). So in short, you had exported a BookDataView class once before, prior to adding an userXType.

Hope that helps.

[jarrednicholls]

Also want to mention that we're going to come up with a clean solution to this.

[WBX]

Hi WBX,

Because the xtype is registered in the .js file, and the .js is not overwritten if it already exists (so any implementation code is not lost), any userXType changes are not seen between one export and another. You will need to either add the xtype registration manually, or delete your .js file for BookDataView (given that you don't have any implementation code in there yet). So in short, you had exported a BookDataView class once before, prior to adding an userXType.

Hope that helps.

Just what the doctor ordered. Thank you very much Jarred.

[WBX]

On a related note, prior to performing "Promote To Class", I set the id of the child components and this was reflected in the component hierarchy (i.e. displays as categoryListView instead of MyListView). After performing "Promote To Class", the component hierarchy display changed back to MyListView (the jsClass setting) and the userXType was set to mylistview.

As part of the clean solution being worked, I suggest using the id (if set) to create the jsClass and userXType settings in order to maintain some consistency.

[jarrednicholls]

Thanks for the suggestion, that makes sense.