JQuery Mobile Scaffolding

  • Tags: /
  • Latest: 0.1
  • Last Updated: 11 January 2012
  • Grails version: 1.3.6 > *
  • Authors: Aramis alias Sebastien Blanc
0 vote
Dependency:
compile ":jquery-mobile-scaffolding:0.1"

 Documentation

Summary

This plugin provides mobile templates that can be used during the scaffolding process, it relies on the jquery-mobile plugin

Installation

grails install-plugin jquery-mobile-scaffolding

Description

Introduction

Jquerymobile is a unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design. Progressive enhancement means that once your application is deployed it will work on the following devices :

Jquerymobile scaffolding plugin offers you the same scaffolding functionality as with Grails core. it will generate the controller and the mobile views.

usage

Once the plugin installed, you first have to install the mobile templates :

grails install-mobile-templates --non-interactive

Then it's just like any other scaffolding. Create your domain class :

grails create-domain-class org.sebi.Book

Add some attributes to your Book :

class Book {
String title
}

And generate all the stuff and run the app:

grails generate-all org.sebi.Book
grails run-app

That's it ! You have now a Mobile Web App running, using the latest mobile web library !

You may also take a look at the Geolocation plugin and the Spring Mobile (+) plugin to enhance the features of your app

Resources

This plugin relies on the jquery-mobile resources plugin, please note that the default jquery 1.7 bundled with Grails will be overridden with jQuery 1.6.4 which is mandatory for jquerymobile (version 1.1 will have 1.7 support) The jquerymobile scaffolding plugin depends also on the cached-resources,zipped-resources and cache-headers plugins to optimize your bandwidth.

Jquerymobile documentation

It can be useful to check the official jquerymobile documentation to customize your pages : http://jquerymobile.com/demos/1.0/

Todo

  • Add transition effect for the list button (refresh issue that prevents now using Ajax loading)