PDA

View Full Version : Application not working after 'Sencha app build'



JExtJS
30 Nov 2012, 8:42 AM
The application is generated and built all following the new Sencha Cmd framework and using Ext JS 4.1.3. It works without any problem before 'Sencha app build'. After the build, it shows login page and the main application page after logging in just fine. However, it throws the following error once I starts to perform some basic tasks of the application. The task involves showing a grid panel. Here is the error.
--
[11:13:08.115] Error: [Ext.createByAlias] Cannot create an instance of unrecognized alias: widget.tbspacer @ http://localhost:8080/drawbase-um/all-classes.js:8346

I believe 'tbspacer' is an Ext class. Is it a bug on loading Ext classes?

To trace back to where it breaks in my own code, I had the following code:


var dLookupPanel = Ext.create('UM.view.showarea.LookupPanel', {
id: panelId,
utilId: tabId,
store: store,
columns: columns,
dockedItems: [{
xtype: 'pagingtoolbar',
store: store,
dock: 'top',
displayInfo: true
}]
});
var dLookupPanel = Ext.create('UM.showarea.LookupPanel', {
id: panelId,
utilId: tabId,
store: store,
columns: columns,
dockedItems: [{
xtype: 'pagingtoolbar',
store: store,
dock: 'top',
displayInfo: true
}]
});

and the break-line shown in Mozillar debugger is in bold face above. 'UM.showarea.LookupPanel' is a grid panel that has a toolbar using ' ' to separate buttons.

Note: the application works without any problem if I package it with all original code without concatenation i.e. without using the compiled code by 'Sencha app build'.