Click to search on your search term.
Subscribe to Fig Leaf Tutorials


Need help with a project? Contact us at sales@figleaf.com.
From code reviews to project "jumpstarts" and full life-cycle development, we've got you covered!
Check out our case studies!
Follow us on Twitter!
Click here to join our Facebook group!

Ready to upgrade your skills? Try these instructor-led classes in Washington, DC:
Ext JS 6 Bootcamp
02/05/2018

Developing Forms

Page of 168

Add data entry forms to your application by extending the Ext.form.Panel class as illustrated below:

Ext.define('MyApp.view.SampleForm', {
 extend: 'Ext.form.Panel',
 alias: 'widget.myform',
 config: {
  scrollable: true,
  items: [
      // insert form field components here
   ]
  }
});

The Ext.form.Panel class uses a vbox layout manager by default.

Sencha Touch either directly supports or contains functional equivalencies for nearly all native HTML5 form field types, including the following:

  • Check Box
  • Date Picker
  • Email Field
  • Hidden
  • Number
  • Password
  • Radio
  • Search
  • Select
  • Slider
  • Spinner
  • Text
  • Text Area
  • Toggle
  • URL

Since typing can be difficult on most mobile devices you should try to minimize text input as much as possible. For example, instead of having the user type their current address, you could automatically calculate their position from their device's GPS sensor and then use Google's reverse-geocoding service to determine their approximate street address.

Page of 168
comments powered by Disqus