<!DOCTYPE html>
<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Customers</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <style> /* App custom styles */ </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"> </script> <script src="progress.session.js"></script> <script src="progress.js"></script> <script src="customers.js"></script> </head> <body> <div data-role="page" id="custlist"> <div data-theme="b" data-role="header"> <h3>Customers</h3> </div> <div data-role="content"> <ul id="listview" data-role="listview" data-divider-theme="b" data-inset="true" data-filter="true"> </ul> </div> </div> <div data-role="page" id="custdetail" data-add-back-btn="true" data-theme="b"> <div data-theme="b" data-role="header"><h1>Customer</h1></div> <div data-role="content"> <form action="" id="customerform"> </form> </div> </div> </body> </html> |
var customers;
var uihelper; var forminitialized = false; $(document).ready(function() { var session = new progress.data.Session(); session.login("http://localhost:8980/SportsApp", "", ""); session.addCatalog( 'http://localhost:8980/SportsApp/static/mobile/CustomerOrderSvc.json' ); customers = new progress.data.JSDO({ name: 'CustomerOrder' }); customers.subscribe('AfterFill', onAfterFillCustomers, this); uihelper = new progress.ui.UIHelper({ jsdo: customers }); uihelper.eCustomer.setDetailPage({ name: 'custdetail' }); uihelper.eCustomer.setListView({ name:'listview', format: '{CustNum}<br>{Name}<br>{State}', autoLink: true }); $('#customerform').html( uihelper.eCustomer.getFormFields() + '<input type="button" value="Add" id="btnAdd" />' + '<input type="button" value="Save" id="btnSave" />' + '<input type="button" value="Delete" id="btnDelete" />' ); customers.fill(); }); function onAfterFillCustomers() { uihelper.eCustomer.clearItems(); customers.eCustomer.foreach(function(customer) { uihelper.eCustomer.addItem(); }); uihelper.eCustomer.showListView(); } |