Minify - select Field no class name when getting name by alias

[gevjen]

We are trying to minify our sencha 2 touch application. We used the command line tool (sencha app build production) and now see we have a new sdk folder, new app.js file and some other changes. When I takes these new files and put them on our web server and run our application I am able to get to our login view. When I put in a username and password and click on our Login button we get this error. 'Uncaught TypeError: Cannot call method 'substring' of undefined' when I go into chrome's developer app and set break points I am finding that my select field


xtype: 'selectfield', cls: 'fieldSetFontClass', name: 'district', id: 'district', label: 'District', placeHolder: 'Click to Select District', listeners: { change: function (control, newValue, oldValue, eOpts) { DistrictChange(newValue); } }

is not getting a namespace back.
It takes the argument of widget.selectfield and gets the classname by alias.
The class name is "" when returned.

When this classname is an empty string I get this error.

[mitchellsimoens]

Did you require the select field class?

[gevjen]

thank you so much for the reply and I have seen your picture on this forum quite a bit - so you must be the resident expert.

I am not following your response though - i have not omitted any of the css classes through the minification.

[mitchellsimoens]

This isn't for CSS, this is for the Sencha Touch 2 class. The whole build process binds on the fact that your classes require the classes that it uses to do a build.

Some of our guides may help you understand this concept like this one: http://docs.sencha.com/touch/2-0/#!/...c_dependencies

[gevjen]

this is what i have in my app.js file


requires: [ 'Ext.MessageBox' ], models: [ 'Districts' ], views: ['Main', 'Login', 'Search'], stores: [ 'DistrictStore' ],guessing you are saying that i need some other tools in the requires array?

[mitchellsimoens]

In the class that requires the select field you need to use the requires array

[gevjen]

Sorry for the beginner questions - when you say class - are you talking about my specific js file or in this app.js file in the requires section - im gussing you mean in my specific js file that uses this control?

[mitchellsimoens]

When you use Ext.define, you are creating a class, technically a class definition.

When you create an instance using Ext.create or the new keyword, that is a class instance.

[gevjen]

this is how the beginning of my js file now looks


Ext.define('MyApp.view.Search', { extend: 'Ext.Panel', fullscreen: true, layout: 'fit', id: 'searchForm', requires: [ 'Ext.field.Search' ],

[mitchellsimoens]

Right, so that MyApp.view.Search class is requiring Ext.field.Search field. Wherever you use the select field that class needs to require the Ext.field.Select just like you did with Ext.field.Search.