<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojox Iterator Test</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
</style>
<script type="text/javascript" src="../../../dojo/dojo.js"
djConfig="isDebug: true, debugAtAllCosts: false, parseOnLoad: true"></script>
<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.SplitContainer");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojox.widget.Iterator");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
</script>
</head>
<body>
<h1 class="testTitle">Dojox Iterator test</h1>
<div dojoType="dojo.data.ItemFileReadStore"
url="../../../dijit/tests/_data/countries.json"
jsId="stateStore"></div>
<h3>Data store backed Iterator</h3>
<ul>
<li>before</li>
<li dojoType="dojox.widget.Iterator"
query="{ name: 'A*' }"
store="stateStore">
${name}
</li>
<li>after</li>
</ul>
<h3>Array backed Iterator</h3>
<ul>
<li>before</li>
<script>
var tdata = [
{ thinger: "blah", name: "named:" },
{ thinger: "..." },
{ thinger: "w00t!" }
];
</script>
<li dojoType="dojox.widget.Iterator"
defaultValue="*this space intentionally left blank*"
data="tdata">
${name} ${thinger}
</li>
<li>after</li>
</ul>
<h3>Array-property Iterator</h3>
<ul>
<li>before</li>
<li>blah</li>
<li dojoType="dojox.widget.Iterator"
dataValues="thinger, blah, blah">
${value}
</li>
<li>after</li>
</ul>
</body>
</html>