JQuery Mobile Support

9.9A

The PL/B Web Server supports jQuery Mobile. Query Mobile provides a User Interface and framework that allows PL/B programs to be developed and executed to optimize the program behaviors for small mobile devices using a page-based architecture.

 

See these links for more information:

 

http://jquerymobile.com/

 

http://api.jquerymobile.com/page/

 

http://demos.jquerymobile.com/1.4.5/transitions/

Overview of PWS support:

 

1.   jQuery Mobile is a framework for displaying forms on a small devices.

2.   The PWS support for JQuery Mobile is invoked by using a '.plm' extension (mime) for the PLB programs in the client URL.

 

  1. The '.plm' and 'plcm' jQuery Mobile extensions (mime) are only used when in the client URL that starts the logon to the PWS to execute the PLB program.

  2. All of the PLB programs must still have the '.plc' execution that is used for all PLB operations.

    3.  

3.   All PWS WINDOW objects are treated as JQuery Mobile pages.

 

http://api.jquerymobile.com/page/

 

4.   There is NO MAIN WINDOW when executing a PLB program in a jQuery Mobile mode.

5.   The ACTIVATE statement or the Activate method on a WINDOW causes a transition to the new page.

 

The 'SETPROP WINDOW, VISIBLE=1' instruction executes the same as the ACTIVATE statement when a PLB program executes in the jQuery Mobile mode.

 

The DEACTIVATE statement or the new RUNTIME 'JqmPage' method returns to the previous page.

 

The 'SETPROP WINDOW, VISIBLE=0' instruction executes the same as the DEACTIVATE statement when a PLB program executes in the jQuery Mobile mode.

6.   The PWS runtime maintains and keeps a stack of all active pages. All PWS WINDOW objects or dialogs are rendered and maintained in the PWS active page stack.

7.   JQuery mobile specific objects can be created using the PANEL object's 'innerHtml' method.

8.   New events have been added to suport a PLB program executing in the jQuery Mobile mode. The new events are 'swipeleft', 'swiperight', 'swipe', 'tap', and 'taphold' which are enabled using the PWS PANEL object 'EnableJqEvent' method.

Example:

 

Panel1.EnableJqEvent Using "taphold"

9.   The PWS TOOLBAR and standard MENUs are not supported using the JQuery Mobile mode.

 

  


PL/B Web Server Beacon Support Support