<html lang="en-US">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/demo/appml.css">
<link rel="stylesheet" href="/demo/Demo.css">
</head>
<body>
<h1>Customers</h1>
<div id="Form01"></div>
<div id="List01"></div><br>
<div id="Orders01"></div>
<table id="Template01" class="appmltable" style="width:100%;display:none">
<tr>
<th></th>
<th>Customer</th>
<th>City</th>
<th>Country</th>
<th>Orders</th>
</tr>
<tr id="appml_row">
<td style="cursor:pointer" onclick='customerForm.run("Form01","","#CustomerID#")'>
<img src="/demo/Images/appmlPlus.png"></td>
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
<td><a href="#" onclick='openOrders("#CustomerID#");return false;'>Orders</a></td>
</tr>
</table>
<table id="Template02" class="appmltable" style="width:100%;display:none">
<tr>
<th>Customer</th>
<th>Date</th>
<th>Salesperson</th>
<th>Shipper</th>
</tr>
<tr id="appml_row">
<td>#CustomerName#</td>
<td>#OrderDate#</td>
<td>#Salesperson#</td>
<td>#ShipperName#</td>
</tr>
</table>
<script src="/demo/appml.js"></script>
<script>
var customers,customerForm,orders;
customers=new AppML("../appml/appml.php","../appml/Models/Customers.xml");
customers.run("List01","Template01");
customerForm=new AppML("../appml/appml.php","../appml/Models/Customers.xml");
customerForm.displayType="form";
function openOrders(id)
{
orders=new AppML("../appml/appml.php","../appml/Models/Orders.xml");
orders.commands=false;
orders.setQuery("orders.customerid",id);
orders.run("Orders01","Template02");
}
</script></body>
</html>