Skip to content

Delphi Labs: DataSnap XE - jQueryMobile Web Frontend

Man! That was a LOT of work to get this finished. I am especially happy with three new video episodes that I have recorded and uploaded to youtube that shows how you can: use jQueryMobile in Delphi codeadd DataSnap server connectivity and generate dynamic, data-driven jQueryMobile web pages dynamically.

In this Delphi Labs DataSnap tutorial I am demonstrating practical steps for building jQueryMobile web frontend application for displaying InterBase XE “Employees” database data from a standalone Delphi DataSnap server. The system described is based on the "Delphi WebBroker jQueryMobile Boilerplate" project described in the previous Delphi Labs tutorial.

The idea of the system is simple. Scalable, multitier super performant Delphi servers running in the cloud and accessed via mobile devices:-)

I have uploaded the resulting application to Amazon EC2 cloud, so you can check it out online at http://79.125.25.31:8080/. I do not guarantee that this URL will work forever though;-)

Here are some screenshots from the resulting application running in my desktop Chrome browser:

Home page

Home page

Customers

Customers

Customer Details

Customer Details

"Delphi Labs: DataSnap XE - jQueryMobile Web Frontend"

BTW: All Delphi Labs episodes are available at the http://www.embarcadero.com/rad-in-action/delphi-labs home page!

{ 8 } Comments

  1. Keith | March 16, 2011 at 12:18 am | Permalink

    Yikes! DataSnap just keeps getting better and better.

    Thank you Pawel

  2. Robert | March 23, 2011 at 12:02 pm | Permalink

    JQueryMobile supports now in their Beta 3 also
    Windows Phone 7 and IE explorer Desktop but
    without animation.

  3. Robert | March 23, 2011 at 12:02 pm | Permalink

    http://jquerymobile.com/test/

  4. Paweł Głowacki | March 23, 2011 at 12:57 pm | Permalink

    Here is the list of officially supported mobile browsers: http://jquerymobile.com/test/#docs/about/platforms.html
    The best think about jQueryMobile is that it is a common denominator approach to both desktop and mobile web browser implementations.

  5. Henrik | April 19, 2011 at 10:26 am | Permalink

    Hi Parwel

    This is a very nice tutorial for jMobileQuery - is it possible to make a "3rd" tutorial that shows how to send data back from the client? e.g. if you want to change the customer address on the "fly" also how could a "refresh" be implemented at a give point in the structure?

    regards
    Henrik

  6. Henrik | April 20, 2011 at 6:48 am | Permalink

    Sorry I meant a 4th tutorial of course

  7. Paweł Głowacki | April 21, 2011 at 3:40 pm | Permalink

    @Henrik,
    Check out Marco Cantu RELAX jQGrid example calls a server method through jQuery that returns a TJSONObject representation of a table.

    http://code.marcocantu.com/p/delphirelax/

    His code looks like this:

    $(document).ready(function()
    {
    $("#grid").jqGrid({
    url:’/datasnap/rest/TGridDemoMethods/EmployeeTable/’,
    datatype: "json",
    mtype: ‘GET’,
    colNames:['First Name','Last Name', 'Job Role', 'Job Country'],
    colModel:[
    {name:'FIRST_NAME',index:'FIRST_NAME', width:260},
    {name:'LAST_NAME',index:'LAST_NAME', width:260},
    {name:'JOB_CODE',index:'JOB_CODE', width:200},
    {name:'JOB_COUNTRY',index:'JOB_COUNTRY', width:200}
    ],
    rowNum:10,
    rowList:[10,20,30],
    pager: ‘#gridpager’,
    sortname: ‘FIRST_NAME’,
    sortorder: "asc",
    multiselect: false,
    height: 218,
    caption: "Employee Grid"
    })
    })

  8. christian louboutin outlet uk | September 7, 2013 at 10:43 am | Permalink

    When I view your RSS feed it seems to be a whole lot of unformatted html, is the problem on my reader?

Post a Comment

Your email is never published nor shared. Required fields are marked *

Bad Behavior has blocked 2 access attempts in the last 7 days.

Close