<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=\”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=\”appml.js\”></script>

<script>
var customers,customerForm,orders;
customers=new AppML(\”appml.php\”,\”Models/Customers\”);
customers.run(\”List01\”,\”Template01\”);
customerForm=new AppML(\”appml.php\”,\”Models/Customers\”);
customerForm.displayType=\”form\”;
function openOrders(id)
{
orders=new AppML(\”appml.php\”,\”Models/Orders\”);
orders.commands=false;
orders.setQuery(\”orders.customerid\”,id);
orders.run(\”Orders01\”,\”Template02\”);
}
</script>

</body>
</html>