sencha-touch

I am new to Sencha Touch. I have set up page from the examples. However it loads very slowly. Is it normal? What can be done to decrease the load time? Here is the page http://m.odtu.lu/odtu/ As @TDeBailleul said, you need to minify & aggregate project JS files to get it load fast because loading time is directly proportional to number of bytes transferred and number of requests triggered. Sencha Cmd provides the tool to minify & package your app for batter performance using this command : sencha app build package Since you are new to Sencha touch, spend good time in understanding Sencha Cmd

I'm using this Code to stream an MP3 audio file in background mode in Phonegap. But the Problem is: With this Code there is no way to get the current position and all the other phonegap functions with this Code. I tried the native quicktime/childbrowser method to play the file. This works great and shows timeline etc. BUT there is no way to hide the quicktime player and browse in the app and there is also no way to save the position and set the position in the audio files. Any Ideas to solve the issue? One other option (if you are not scared of code in development) is a plugin for streaming

I've recently built a demo application using PhoneGap, and I chose to try JQuery Mobile as a UI framework. It was... okay. I'd like to try out Sencha Touch now and see if I like it better. As of now (mid-December '11), it appears that Sencha Touch 2 has been released as a preview, and has significant improvements in performance (which is a key ingredient for me). However, it's missing some features, and doesn't seem to have many demos / tutorials yet on the Sencha website. In the valuable opinion of SO's seasoned Sencha Touch developers (and by seasoned, at least in the mobile realm, I mean

I've got long labels for a couple checkboxfields in my app, and unfortunately it causes some strange behavior. Is there any way to make this look a little better? I mean, if I 'touch' the gray area, the checkbox does not activate (even if the checkbox is inside the gray area)... but instead I have to click the white area. It's just kinda confusing. Even if I set labelWidth: '80%' to each checkboxfield , the words still wrap and show that little gray area. I'd rather that area be all white and all of it be 'touchable' to activate the checkbox. Qpi I have a same problem, I found 3 ways to fix it

I'm in need of a simple nested list-view example. Something along the lines of this... (source: roosteronacid.com ) When you click an item, you will transition (slide) to the next view/card containing another list, with a "back"-button in the top-menu. And so on and so forth. The lists doesn't necessarily have to three levels deep. I'd like an example which includes, say, one item with three sub-items, and one item which takes you directly to the "final" view. you should look into the sencha touch videos on vimeo. here is one that answers your question: http://vimeo.com/20580117 Try the code

I have been working in Sencha Touch for a few weeks now, and while the framework is very powerful, I still find areas of it difficult to work with, particularly the JSONP data stores for complex nested JSON results. As a result, I decided to combine the useful AJAX and JSON functions of jQuery for adding items to a DataStore already coded in Sencha Touch. I just wondered if anyone else has similar difficulties with the API for Sencha Touch, and has been using jQuery with the framework. What are the performance implications of this, and is it advisable to use only Sencha Touch methods? I am

i stuck with a problem which is really important i guess. In a simple Sencha Touch App I have many views. My Mainview is a TabPanel with docking icons in the bottom. Sometimes in my App I switch to another views which are outside of the Tabpanel. I don't want the DOM to overload with views, i don't need anymore so i'm searching for a solution to destroy a view, when its inactive. I've tried this, while switching into another view in my controller: this.getMainview().destroy(); It seems that the Mainview gets deleted but I get an error: Uncaught TypeError: Cannot read property 'dom' of null So

Using Ext.js or sencha, what is the point of doing the following: Ext.apply(app.views, { contactsList: new app.views.ContactsList(), contactDetail: new app.views.ContactDetail(), contactForm: new app.views.ContactForm() }); As opposed to this standard javascript: app.views.contactsList = new app.views.ContactsList(); app.views.contactDetail = new app.views.ContactDetail(); app.views.contactForm = new app.views.ContactForm(); Is there any difference? It's mostly there as a convenience method for code that is accepting an object as an argument, and needs to merge it. Merging objects is a common