Hi, I started using the, what seems to be, more 'proper' method of deploying sencha touch apps:
"sencha app create" & "sencha app build".
Rather than simply including the script, sencha-touch-all.js.
I was interested in optimizing my app, getting it smaller and faster for deployment. Unfortunately, the switch caused several problems. Some tabs in one of the tabpanels no longer show. In a different one of my tabpanels one of the tabs does not show its card. All of my Ext.Panel's that are "modal: true" are not actually modal. I suspect I'm not doing the requires stuff correctly... because, as I said, I was earlier using sencha-touch-all.js when it worked the way I wanted.
Here is my app.js (app.coffee). Let me know what other code you need.
Code:
Ext.application
name: 'WSI'
requires: [
'Ext.TitleBar'
'Ext.picker.Picker'
'Ext.picker.Date'
'Ext.plugin.ListPaging'
'Ext.plugin.PullRefresh'
'Ext.SegmentedButton'
'Ext.field.Search'
'Ext.dataview.List'
'Ext.field.TextArea'
'Ext.form.FieldSet'
'Ext.form.Panel'
'Ext.field.DatePicker'
'Ext.field.Select'
'Ext.field.Toggle'
'Ext.Anim'
'Ext.MessageBox'
]
models: [
'Event'
'Photo'
'Video'
'Comment'
]
stores: [
'Events'
'Photos'
'Videos'
'Comments'
]
controllers: [
'Events'
'Account'
'YouTube'
]
views: [
'Main'
'EventsList'
'AccountContainer'
]
launch: ->
Ext.Viewport.add [
Ext.create 'WSI.view.TopToolbar'
Ext.create 'WSI.view.PrimaryCommandsActionSheet'
Ext.create 'WSI.view.Main'
]