How to display form fields inline in Sencha Touch 2

As requested by one of my reader, Today we are going to see how to display form fields inline (display in a single line). Similar to the below snapshot.

Packt Publishing: All eBooks and Videos at 50% off this Columbus Day

Packt Publishing is giving everyone the chance to explore its full range of over 1600 DRM-free eBooks this Columbus Day at a massive 50% off at www.packtpub.com, for 4 whole days. Customers simply use the code COL50 in their cart – as many times as they like until Thursday October 17^th. The offer even extends to Packt’s bestselling pre-order of 2013, the highly acclaimed Mastering Web Application Development with AngularJS.

Book Review: Sencha Touch Cookbook Second Edition by Ajit Singh

I have been reading Sencha Touch Cookbook Second Edition book by Ajit Kumar. This book is published by PACKT Publishing and contains over 100 hands-on recipes to help you understand the Sencha Touch framework and solve your day to day problems. This book contains ten chapters with 390 pages and my review for this book as follows.

Sencha Touch 2: How to extend model classes

Today, we are going to see how to extend from one model class to another model class in Sencha Touch 2. Sencha Touch follows object oriented methodology in which you can access the properties and method from one class to another class.

For Example, we will be having Contact class as our parent class with configuration fields  name, email, address etc . Following is the Contact Model Class implementation

Sencha Touch 2 : Manipulate model object by creating model methods

Today, we are going to see how to manipulate model objects by creating model methods. I came across a situation where i need to combine user firstName and lastName and display in the User Profile Page.

My Goal is, Instead of having string concatenation code duplicate in each and every  JS file. I thought of adding an utility method which will return the concatenated firstName and lastName. But why we need to have an utility method which does only string concatenation and also we need to pass firstName and lastName as parameters. How to achieve this Here is the solution.

Sencha Touch : How to add Toggle input form field

Sencha Touch 2 supports different form input fields like Text, TextArea, CheckBox, Radio etc.. which are used to create a form. Today we are going to see how to add a Toggle field into the Sencha Touch form. This Toggle input field will supports two values. This field is used when you want users to input one value from the available two values. These values may be 0 (or) 1 and ON (or) OFF etc.