Author: Nate (Pei Wang)
GridX mobile is based on dojox.mobile framework and is designed for mobile devices. So it's usually used together with other dojox.mobile widgets. Compared to list widget, grid provides column header and cell concept, which is especially useful for showing data report. For a quick look and feel, you can visit the demo page on the GridX website.
Mobile GridX's core features is a small set so that it is easy and fast in simple use cases. Other features are provided by the way of dojoxmixins. By the new introduced property 'data-dojo-mixins' in Dojo 1.8, other features beyond core features are able to be used in HTML declaration way. They can also be called as plug-ins. So typically a GridX mobile declaration markup is like below:
data-dojo-props="rowCount: 50, showHeader: false, detectProperty: 'Artist'"
This code creates a grid with "Pull Refresh" and "Lazy Load" features enabled.
1. Easy to customize the look and feel
Mobile GridX provides clean dom structure, it's easy to style them to different look and feel.
2. Large number of columns support
When large number of columns needed, provide a horizontal scroll bar and scrolling with the fixed header.
3. Tap on the column header to sort
Tap on the column header to sort.
4. Pull refresh to get new rows
It's a very popular feature for mobile apps. When pull and release, it sends a request to server side to fetch newer data with defined page size.
5. Internal lazy load support
It's similar with the pagination function of desktop version GridX. When pressing the load more button, it sends a request to server side to fetch older data with defined page size.