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

Defining Views

Page of 168

Views output data to the user in a variety of formats. View classes covered in this course include the following:

  • The Component class (Ext.Component) is typically used to output HTML markup that does not require scrolling. Components have the least amount of overhead of any of the view classes.
  • The Container class (Ext.Container) outputs markup that may require scrolling. It also enables you to dock toolbars at fixed positions (top,bottom,left,right) of your GUI and allows you to nest other types of view components.
  • The Tab Panel (Ext.tab.Panel) allows the user to toggle between several views that are typically represented by an iconic button. Tapping on the button brings the associated view to the "top" of a "card" layout.
  • Lists (Ext.dataview.List) are linked to a data Store and are typically used to display a small subset of a record's information (such as firstname,lastname) for the purposes of data-drilldown or master-detail scenarios.
  • The NavigationView (Ext.navigation.View) is an Ext.Container with a card layout that supports beautify animated transitions between views and dynamically generates "back" buttons to make your app easily navigable.
  • The Form Panel (Ext.form.Panel) enables you to collect data from a user and submit it to an application server.
  • The Map class (Ext.Map) enables you to easily integrate Google Maps into your application.

Other useful view classes include:

  • Carousels (Ext.carousel.Carousel) are similar to tabs in that they enable the user to quickly toggle through different content views. Unlike tabs, however, moving between views is accomplished by a finger swipe instead of a button tap.
  • Panels are used as overlays to display content that "floats" over your application.
  • CartesianChart is used to display line graphs, bar charts, and other types of charts that use an x/y coordinate system.

 

Page of 168
comments powered by Disqus