AppML Case Products

## AppML Basic

AppML HOME AppML How To AppML Download AppML Architecture AppML Reference

## AppML Case Study

Case Intro Case Prototyping Case Models Case Templates Case Employees Case Customers Case Products Case Future

## Tutorials

WebSites

# <AppML> Products - Full Application

« Previous
Next Chapter »

| Product Name | Category | Supplier
--- | --- | --- | ---
| #ProductName# | #CategoryName# | #SupplierName#

ProductName: Supplier:
Category:
Unit: Price:

## Source Code

## HTML Source

<html>
<body>
<h1>Products</h1>
<div id="Form01"></div>
<div id="List01"></div><br>
<table id="Template01" class="appmltable" style="width:100%;display:none">
<tr>
<th></th>
<th>Product Name</th>
<th>Category</th>
<th>Supplier</th>
</tr>
<tr id="appml_row">
<td style="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" style="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.aspx","Models/Products");
products.run("List01","Template01");
productForm=new AppML("appml.aspx","Models/Products");
productForm.displayType="form";
</script>
</body>
</html>
« Previous
Next Chapter »

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE