Sencha Touch

To quickly see the documentation for the class or method used at the editor’s caret, press Ctrl+Q (View | Quick Documentation Lookup).
You may quickly find all places where a particular class, method or variable is used in the whole project by positioning the caret at the symbol’s name or at its usage in code and pressing Alt+F7 (Find Usages… in the popup menu).
The CodeCompletion feature allows you to quickly complete different kinds of statements in the code. For example, you may start typing a class name and press Ctrl+Space to complete it. When multiple choices are available, they are shown in the lookup list.
To open any class in the editor quickly, press Ctrl+N (Go To | Class…) and start typing the name of the class. Choose the class from a drop-down list that appears.
You can open any file in your project in a similar way by using Ctrl+Shift+N (Go To | File…)
To navigate to the declaration of a class, method or variable used somewhere in the code, position the caret at the usage and press Ctrl+B. You may also click the mouse on usages with the Ctrl key pressed to jump to declarations.
You can quickly navigate in the currently edited file with Ctrl+F12 (View | File Structure Popup).It shows the list of members of the current class. Select an element you want to navigate to and press the Enter key or the F4 key. To easily locate an item in the list, just start typing its name.
You may easily rename your classes, methods and variables with automatic correction of all places where they are used.To try it, position the editor caret at any symbol and press Shift+F6 (Refactor | Rename…). Type the new name in the dialog that appears and press Enter. You may browse all places where the variable is used and then press the Do Refactor button to finish the renaming operation.
When using Code Completion, you can accept the currently highlighted selection in the popup list with the Tab key.Unlike accepting with the Enter key, the selected name will overwrite the rest of the name to the right of the caret. This can be especially useful for replacing one method or variable name with another

JSONP or “JSON with padding” is a complement to the base JSON data format. It provides a method to request data from a server in a different domain, something prohibited by typical web browsers because of the same origin policy.

The response to a JSONP request (namely, a request following the JSONP usage pattern) is not JSON and is not parsed as JSON; the returned payload can be any arbitrary JavaScript expression, and it does not need to include any JSON at all. But conventionally, it is a JavaScript fragment that invokes a function call on some JSON-formatted data.

A must read source of jsonp is It also have jsonp validator.

On 15 June 2010, the merger of Ext JS with JQTouch and Raphaël was announced[7] forming a new organisation called Sencha Inc. Ext JS continues to be available as a main product on the new Sencha website[8] together with Sencha Touch, Sencha GWT, Sencha Architect, Sencha Animator and Ext Core.

What is Sencha Touch?

Sencha Touch enables you to quickly and easily create HTML5 based mobile apps that work on Android, iOS and Blackberry devices and produce a native-app-like experience inside a browser.

What is Sencha Touch?

Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.

 Sencha Ext JS

Ext JS is a pure JavaScript application framework for building interactive web applications[1] using techniques such as Ajax,DHTML and DOM scripting.

It has two versions. One is open source and other is the purchase one.

Working in Open Source?

Ext JS 4.1.1a is also available under the GPLv3 for open source projects, which may require the release of your code. First, make sure your project meets our requirements.

Getting Started

To get started, unzip the archive to your local web server and navigate tohttp://localhost/your-ext-install/ to view the documentation and complete working examples. Any samples that use Ajax will need to be on an web server in order to work correctly.

Our Learning Center is full of structured tutorials and screencasts, and you can browse some of the recommended books if you need extra homework. First timers, be sure to read the handy Getting Started Guide.

Join the Community

Register for free on the Sencha Forum and you join our growing community of over 240,000. The forum is a great place to ask questions, help others, and showcase your ap


Sencha App Store

Sencha Online Editor //I run it on Chrome after installing its Chrome app. After doing the code you can download the project at IDE. Please don’t forget to add sencha touch CSS and JavaScript files to the downloaded app folder. Put sencha-touch.css inside resources/css/ and put sencha-touch-all-debug.js inside resources/libs/ First of all install the Xampp The easiest way is to install through installer. There may be conflict of proxies when we run xampp. So change the proxy or close other programs i.e. skype etc. Follow the instructions of installing the sencha from offical blog!/guide/getting_started In addition to sdk we also have to install cmd tool. Sometime there is conflict between the sdk and cmd tool. In this scenicro see the below link. Best editor for javascript coding Open up the GS directory(Project name ) in your favorite IDE or Text editor. The directory structure looks like this: Here’s a description of each file and directory:

  • app – directory containing the Models, Views, Controllers and Stores for your app.
  • app.js – the main Javascript entry point for your app.
  • app.json – your app configuration file – used by the Builder to create a minified version of your app.
  • index.html – The HTML file for your app.
  • packager.json – The configuration file used by the Packager to create native versions of your app for iOS and Android app stores.
  • resources – directory containing the CSS and Images for your app
  • sdk – A copy of the Sencha Touch SDK. You shouldn’t need to change the contents of this folder.

Open app.js, the main entry point for your app, in your editor.

    name: 'MyApp',
    models: ['User', 'Product', 'nested.Order'],
    views: ['OrderList', 'OrderDetail', 'Main'],
    controllers: ['Orders'],

    launch: function() {

In above image User, Product are our models. Similary OrderList is our view.!/guide/apps_intro


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s