Sencha Command generate form generates view instead - sencha-touch

Using Sencha Cmd v6.1.2.15 The following command creates a new view in views folder instead of a new form in forms folder. What's wrong? Am I missing something here?
sencha generate form -n product -f name:string,createdOn:date,modifiedOn:date,currentAmount:number

Shame on me, just saw in the docs that sencha generate view is ExtJs specific, while sencha generate form is Touch specific.

Related

App tutorial or guide in Sencha Touch

I've been trying to find some info about this but the combination of words just doesn't help as it just so I figured I'd might as well ask it in here.
I'm developing a sencha touch app and I want to show the user how to use my app. But those messages should obviously only be displayed on the app's first run. Does any of you have any idea of how to achieve this in sencha touch?
Haven't tried anything as I have no idea where to start and as I mentioned earlier looking this up on google just returns tutorials about Sencha Touch.
you can set a flag and save it to the localstorage.
On every app launch you can check for that flag and only create the guide view if needed

How to create sencha theme from psd design for mobile app

I have psd of mobile design. Following is an example jpeg version of the psd.
I need to create a custom design in Sencha Touch 2.
So, please help me by guiding step by step process to do the same.
I mean how do i set custom layout then how do i build custom designed pages, form elements etc. I am very new in sencha.
Thank you in advance for your help.
Don't get me wrong but what you are asking is that someone else does your job.
To make an app that looks like your picture you should take a look at the following components:
TabPanel
Container
Button
FormPanel
Image
SelectField
If you need an overall tutorial on how to create an app with sencha take a look at MiamiCoder. There is a great tutorial to begin with.

how to map a json store or xml store to pie chart in sencha architect

Am new to sencha and all its products. I started working with sencha architect. In that when i design some project and when i try to run its asking for url and i uploaded it on a free web hosting site. MY test app. When i preview it its showing an empty page. I thinks that its may be because of not providing any data for piechart. can anybody guide me how to add store in jsonstore or xmlstore and map it to a pie chart. videos highly appreciated.
If you right click on desktop safari/chrome and choose inspect element when running your app, then look in your console, what error do you see?

how to debug Sencha Touch 2 apps?

How to debug Sencha touch 2?
I have been using Sencha Designer to create Sencha Touch 2 projects. I use Chrome for testing and now I want to breakpointing some of my code, how can I do that? Every time I refresh the page the break points are gone. I read something that I need to use the "?breakpoint" in the URL but I have no idea why is not working so far:
http://localhost/googlemaps/app.html?breakpoint
Also I realized the files i want to debug has a "_dc" parameter:
http://localhost/googlemaps/app/view/detalleMapa.js?_dc=1334242199729
Thanks!
With Chrome, you can start the "Developer Tools" window from the Wrench menu > Tools > Developer tools (keyboard shortcut is "Ctrl+Shift+I").
From there, you can select the "Scripts" tab and select your script in the list of all javascript files of your page.
Once you javascript file is shown, click on the line number to add a breakpoint.
If you want to debug dynamically loaded code (see Ext.Loader for details), you should add something like the following in your application:
Ext.Loader.setConfig({disableCaching: false});
Finally, reload your page and if the same file is loaded again, Chrome shall break the execution when executing that line.
Happy debugging!
So just an FYI... I found (search for "How to debug Sencha Touch 2 applications? - Part 1") that you can simply add "debugger;" to your script to get the Chrome debugger to break at that point.
With chrome we get an extension for sencha, called "App Inspector for sencha, using that extension you can view the components and do the debugging.
Connect your phone to your PC and put this in hte browser:
chrome://inspect/#devices

Sencha Touch Passcode

Is there a control in Sencha Touch to show a passcode field like shown in picture below?
No theres no native component who does exactly this. But you can build it by yourself: its a form with 4 input fields and a dozen buttons. See documentation for more details: http://docs.sencha.com/touch/1-1/#!/api/Ext.form.FormPanel
No, you have to build and design this one completly by yourself.
Note: To get rid of the browser controls, you have to enforce that the application is running form the homescreen. You can control (with some Javascript) if the application is running MobileSafari or as a "Web App". (see: http://cubiq.org/add-to-home-screen as an example of such an implementation)
But, however, I would not recommend using such a component. A) This can confuse people and B) Can intent users to type in their regular passcode. As a developer I wouldn't be comfortable with that situation.