<?xml version="1.0" encoding="UTF-8"?>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
|
<head>
|
<title>Items</title>
|
<script type="text/javascript" src="jquery.js"></script>
|
<script type="text/javascript" src="jquery-jtemplates.js"></script>
|
<link rel="stylesheet" href="style.css">
|
|
<script type="text/javascript">
|
$(document).ready(function() {
|
//set template and process
|
$("#Items").setTemplateElement("Template-Items").processTemplateURL("data.json");
|
});
|
</script>
|
</head>
|
|
<body>
|
|
<!-- Templates -->
|
<p style="display:none"><textarea id="Template-Items" rows="0" cols="0"><!--
|
<table>
|
<tr>
|
<td class="header">Name</td>
|
<td class="header CellDecimal">Sales Prce</td>
|
</tr>
|
{#foreach $T.Items as Item}
|
<tr class="{#cycle values=['bcEED','bcDEE']}">
|
<td>{$T.Item.Name}</td>
|
<td class="CellDecimal">{$T.Item.SalesPrice}</td>
|
</tr>
|
{#/for}
|
</table>
|
--></textarea></p>
|
|
<!-- Output elements -->
|
<div id="Items" class="Content"></div>
|
|
</body>
|
</html>
|
