AppML Products 之完整的應用程序
<AppML> Products - 完整的應用程序
??1 - 15 of 77??Filter
源代碼
HTML 源代碼
<html>
<body>
<h1>Products</h1>
<div id="Form01"></div>
<div id="List01"></div><br>
<table id="Template01" class="appmltable" stylex="width:100%;display:none">
<tr>
<th></th>
<th>Product Name</th>
<th>Category</th>
<th>Supplier</th>
</tr>
<tr id="appml_row">
<td stylex="cursor:pointer" onclick="productForm.run("Form01","Template02","#ProductID#")">
<img src="Images/appmlPlus.png"></td>
<td>#ProductName#</td>
<td>#CategoryName#</td>
<td>#SupplierName#</td>
</tr>
</table>
<div id="Template02" class="appmlform" stylex="width:100%;display:none">
<label>ProductName:</label><input id="ProductName">
<label>Supplier:</label>
<select id="SupplierID" data-appmlapplication="Models/Dropdown_Suppliers">
</select>
<label>Category:</label>
<select id="CategoryID" data-appmlapplication="Models/Dropdown_Categories">
</select>
<label>Unit:</label><input id="Unit">
<label>Price:</label><input id="Price">
</div>
<script src="appml.js"></script>
<script>
var products,productForm
products=new AppML("appml.php","Models/Products");
products.run("List01","Template01");
productForm=new AppML("appml.php","Models/Products");
productForm.displayType="form";
</script>
</body>
</html>
| Product Name | Category | Supplier | |
|---|---|---|---|
| Chais | So | Exotic Liquid | |
| Chang | So | Exotic Liquid | |
| Aniseed Syrup | Exotic Liquid | ||
| Chef Anton"s Cajun Seasoning | New Orleans Cajun Delights | ||
| Chef Anton"s Gumbo Mix | New Orleans Cajun Delights | ||
| Grandma"s Boysenberry Spread | Grandma Kelly"s Homestead | ||
| Uncle Bob"s Organic Dried Pears | Produce | Grandma Kelly"s Homestead | |
| Northwoods Cranberry Sauce | Grandma Kelly"s Homestead | ||
| Mishi Kobe Niku | Meat/Poultry | Tokyo Traders | |
| Ikura | Seafood | Tokyo Traders | |
| Queso Cabrales | Dairy Products | Cooperativa de Quesos "Las Cabras" | |
| Queso Manchego La Pastora | Dairy Products | Cooperativa de Quesos "Las Cabras" | |
| Konbu | Seafood | Mayumi"s | |
| Tofu | Produce | Mayumi"s | |
| Genen Shouyu | Mayumi"s |
TAG:程序員小新人學習 |