dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
87 lines (73 loc) • 2.97 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Testing the DataPager</title>
<style type="text/css">
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../Pager/Pager.css";
</style>
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="parseOnLoad:true, isDebug: true"></script>
<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript">
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojox.widget.Pager");
</script>
<style type="text/css">
body {
font-family: Arial;
}
ol li, ul li {
font-size:1em;
line-height:1.5em;
margin:0;
}
#result {
font-size: 12px;
margin-bottom: 15px;
}
</style>
</head>
<body class="tundra">
<h1 class="testTitle">dojox.widget.Pager</h1>
<div style="clear: both" id="result">Click on one of the menu items</div>
<!-- the datastore -->
<div dojoType="dojo.data.ItemFileReadStore" data-dojo-id="pagerStore" id="pagerStore" url="_pager-data.json"></div>
<h2>Horizontal</h2>
<div style="padding:8px">
<div dojoType="dojox.widget.Pager" id="dojoxMenu1"
store="pagerStore" style="width: 410px; height: 150px"></div>
</div>
<div style="padding:8px">
<div dojoType="dojox.widget.Pager" id="dojoxMenu2" itemsPage="4"
store="pagerStore" statusPos="trailing" style="width: 410px; height: 150px"></div>
</div>
<div style="padding:8px">
<div dojoType="dojox.widget.Pager" id="dojoxMenu1s" store="pagerStore" pagerPos="none"
style="width: 410px; height: 150px"></div>
</div>
<div style="padding:8px">
<div dojoType="dojox.widget.Pager" id="dojoxMenu2s" itemsPage="4" pagerPos="none"
store="pagerStore" statusPos="trailing" style="width: 410px; height: 150px"></div>
</div>
<h2>Vertical</h2>
<div style="padding:8px; float:left;">
<div dojoType="dojox.widget.Pager" id="dojoxMenu3" itemsPage="2" orientation="vertical"
store="pagerStore" style="width: 150px; height: 400px"></div>
</div>
<div style="padding:8px; float:left;">
<div dojoType="dojox.widget.Pager" id="dojoxMenu4" itemsPage="5" orientation="vertical"
statusPos="trailing" store="pagerStore" style="width: 150px; height: 600px"></div>
</div>
<div style="padding:8px;float:left;">
<div dojoType="dojox.widget.Pager" id="dojoxMenus3" itemsPage="2" pagerPos="none"
orientation="vertical" store="pagerStore" style="width: 150px; height: 400px"></div>
</div>
<div style="padding:8px; float:left;">
<div dojoType="dojox.widget.Pager" id="dojoxMenus4" itemsPage="5" pagerPos="none"
orientation="vertical" statusPos="trailing" store="pagerStore" style="width: 150px; height: 600px"></div>
</div>
<div style="clear: both" id="result2">That's all folks.</div>
</body>
</html>