Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


#jQuery Mobile Implementation

Visit the jQuery Mobile page on the PropertyCross website for screenshots and code sharing metrics.


jQuery Mobile is a HTML5 framework which makes it easy to create mobile applications, by using its set of UI widgets. This is achieved by providing HTML that is marked up with various jQuery Mobile specific attributes, which is then processed to generate the final markup. Within PropertyCross jQuery Mobile is combined with KnockoutJS, which provides a presentation model (MVVM), RequireJS, for dependency management, and Cordova / PhoneGap, which packages the HTML / JavaScript within a native wrapper for app-store deployment. Cordova also provides a set of APIs for accessing native phone functionalities which are not available via HTML specifications.

##Building the Application

Applications developed with jQuery Mobile can be run directly within a web browser control.

The jQuery Mobile application is packaged using PhoneGap Build, with the configuration specified in the config.xml file.

##Application Structure

  • config.xml - The XML file that is used by PhoneGap Build in order to package the app
  • stats-config.json - Used by the PropertyCross build in order to compute code sharing metrics.
  • \www - Contains the assets, Javascript code, css and html files that will be included in the application
    • \assets - icons and splashscreens used by PhoneGap, these are generated via the PropertyCross build system.
    • \lib - the various JavaScript frameworks used by this implementation. This includes jQuery Mobile, the jQM iScroll plugin, Knockout and Require. This folder also contains the jQM CSS files.
    • \model - the model layer of the application, includes the code that communicates to the Nestoria APIs.
    • \style - the application specific styles.
    • \viewModel - The view models that implement the PropertyCross logic.
    • app.js - The application boot strap, includes code for managing the back stack
    • index.html - Defines the various view for the application.

##Further Reading