In this tutorial, you will learn how to port the jQWidgets eStore example to the Windows Phone 8 mobile operating system using PhoneGap/Apache Cordova.
Before you proceed with reading this tutorial, please make sure you are familiar with the beginner's Windows Phone 8 tutorial, which deals with how to set up your system and mobile device in detail.
The next step is to include the application's source code and other necessary files
(including data sources and images) to the Cordova project. All these files should
be put in the
The files which have to be included are:
index.html- contains the app's HTML structure and references to all needed files. You can find the source code of
functionality.js- contains the app's functionality. You can find the source code of
laptops.txt- contains all the eStore product data;
jquery-1.11.1.min.js- jQuery script file;
jqx.base.css- main CSS file;
jqx.darkblue.css- Dark Blue theme file.
Here is the structure of the
www folder with all files included:
You can now test your app on your Windows Phone 8 device or the emulator. To do so, select Device or any of the emulator options:
Then start debugging the application (press F5). It will be installed on your mobile device and displayed onscreen.
You can download the whole project from here.