These examples demonstrate the core functionality of XAP applications:
- Declarative UI - XML is used to create complex user interface
- Declarative update - ability to modify an existing UI via XML
- Server side event handling via XAL - work with any server that is capable of serving or generating XAL documents
- Client side event handling using JavaScript code
These examples are using very simple styling - however CSS is fully supported and the look and feel can be customized as desired.
Demos
Demo Application: Updating Stock Quotes
This application provides simulated real time stock price information.
This sample updates a table in real time using data generated on the server. This sample uses Milestone 3 code.
Source: table.php, logic.js, jsupdate.php, disable_button.xal, enable_button.xal
Demo Application: Emergency Response System
This application is a simulated emergency response system that a user can view the location of ambulance, hospital and fire stations on a map, add/modify nodes and calcuate routes between different nodes.
All below samples and demos use Milestone 2 version.
Emergency Response System (Showing extensibility and Integration with Google Maps)
This application demonstrates the plugin architecture; this allows developers to create XML syntax that can than be used within applications. In this application an XML tag called "gMap" is used to allow very simple integration with a third party component. See the bridges page for more details
Source: index.xal, EventMCO.js, EmsCall.js
Examples
Hello World
A simple XAP application.
Source: index.xal
Client Side Logic
Demonstrates connecting user interface events with Managed Client Objects (MCOs) written in JavaScript.
Source: index.xal, MyHandler.js
Inline Javascript
Demonstrates including Javascript directly in a XAL document.
Source: index.xal
Server Side Modification
This example shows usage of XModify as a server document to update the user interface asynchronously and declaratively.
Source: index.xal, MyHandler.js, data.txt, hello-world.xal
Widget Examples
These applications demonstrate the available widgets provided by XAP.
- split-pane Source: index.xal
- tab-pane Source index.xal
3rd Party Demos
Rockstarapps.com host serveral demos built on the XAP runtime.
http://www.rockstarapps.com/img/sendmeapic.jpg
- Allows you to search Flickr's database and create Mobile Phone Wallpapers out of any photo you want. That's right, every photo in the Flickr database can be a Wallpaper for your phone. Try it out, it is easy as See It, Size It, Send It!
http://www.rockstarapps.com/img/mapCompare.jpg
- This application use the Apache XAP project to integrate all three mapping technologies into one interface to compare their functionality and UI.