View

Every view is a component in Ext JS as well as Touch. The kinds of views (visual presentation) that are available in Ext JS and the kind of behaviors they offer, differ considerably from Touch for the simple reason that each one of them addresses a different segment of devices and those devices have their own uniqueness. The component implementation is very different in the two frameworks. However, at a higher level, both frameworks have got three phases for every view component, shown as follows:

View

In the Initialization phase, do the following tasks:

  1. Register events.
  2. Apply styles.
  3. Call the hook method of the component/view class, which does the view-specific initialization. For example, initialize in Touch and initComponent in Ext JS.
  4. Register the component to the component manager.
  5. Initialize state.
  6. Initialize the plugins, if any.
  7. Enter the Render phase.

In the Render phase, do the following tasks:

  1. Generate elements and add them to the DOM.
  2. Apply custom styles.
  3. Initialize events.
  4. Initialize state information.

In the Destruction phase, do the following tasks:

  1. Remove the component from its container.
  2. Destroy plugins, if any.
  3. Unregister a component from the component manager.
  4. Destroy state information.
  5. Remove event listeners.
  6. Remove elements.
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.221.197.95