While we now know that Ext JS can help with the creation of a touch-friendly interface, does our design suggest any other ideas that Ext JS might not be able to cope with? Remember that the design phase is an exploration of what works for the user and what is possible with the technology at hand. Let's break it down:
- The scrolling product category list can be a
Ext.grid.Panelclass with most features, such as headers, disabled - The scrolling product list can be an
Ext.view.Viewclass (also known as a DataView), as we need to include custom HTML for each product to display an image and other details - Product list sorting will be achieved via a combo box containing the sort criteria
Other than this, we just need modal windows (which Ext JS supports), another grid for the shopping cart, a few form fields for the login and registration. We're pretty much there.
In addition to this, we'll use routing to provide the ability to bookmark categories or products, which allows the user to share links. We'll also use view models and events to wire everything together. The data will again be drawn from a server-side API, so let's look at this next.