How do you set up Paged View with Spry Data Sets
hope can help. have constructed spry data set using html table , want use paged view javascript limit amount of rows displayed on 1 page @ time 10 forcing new page. have found java script file in spry 1.6 download , attached spry assets folder , have followed instructions found @ adobe development center http://labs.adobe.com/technologies/spry/articles/pager/index.html no luck. have attached files show have done. if @ , point out error or suggest better way grateful. not code warrior simple instructions helpful. many in advance.
here code
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>untitled document</title>
<script src="spryassets/sprydata.js" type="text/javascript"></script>
<script src="spryassets/spryhtmldataset.js" type="text/javascript"></script>
<script src="spryassets/sprypagedview .js"></script>
<link href="spryassets/sprymasterdetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var ds1 = new spry.data.htmldataset("table.html", "ds1", {sortonload: "name", sortorderonload: "ascending"});
ds1.setcolumntype("phone", "number");
var pv1 = new spry.data.pagedview( ds1 ,{pagesize: 10});
//-->
</script>
</head>
<body>
<input type="button" value="first" onclick="pv1.firstpage();" />
<input type="button" value="prev" onclick="pv1.previouspage();" />
<input type="button" value="next" onclick="pv1.nextpage();" />
<input type="button" value="last" onclick="pv1.lastpage();" /
<div class="masterdetail">
<div spry:region="ds1" class="mastercontainer">
<div class="mastercolumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="mastercolumnhover" spry:select="mastercolumnselected">{name}</div>
</div>
<div spry:detailregion="ds1" class="detailcontainer">
<div class="detailcolumn">{name}</div>
<div class="detailcolumn">{product}</div>
<div class="detailcolumn">{contact}</div>
<div class="detailcolumn">{phone}</div>
</div>
<br style="clear:both" />
</div>
<input type="button" value="first" onclick="pv1.firstpage();" />
<input type="button" value="prev" onclick="pv1.previouspage();" />
<input type="button" value="next" onclick="pv1.nextpage();" />
<input type="button" value="last" onclick="pv1.lastpage();" /
</body>
</html>
More discussions in Dynamic HTML General Discussion (read only)
adobe
Comments
Post a Comment