dojox.widget.Pager

Project owner:Peter Higgins Available:since V1.1.1

Contents

• dojox.widget.Pager
  • Introduction
  • Usage
  • Examples
  • See also

A Pager, displaying a list of sized nodes.

Introduction

TODO: introduce the component/class/method

Usage

<script type="text/javascript">
  // your code
</script>

This Widget uses dojo.data, Dojo's uniform and consistent data access layer.

Examples

Programmatic example

TODO: example

Declarative example: Horizontal Pager

<style type="text/css">
    @import "{{baseUrl}}dojox/widget/Pager/Pager.css";
</style>

<style type="text/css"> @import "{{baseUrl}}dojox/widget/Pager/Pager.css"; </style>

<script type="text/javascript">
    dojo.require("dojo.data.ItemFileReadStore");
    dojo.require("dojox.widget.Pager");
</script>

<script type="text/javascript"> dojo.require("dojo.data.ItemFileReadStore"); dojo.require("dojox.widget.Pager"); </script>

<!-- the datastore -->
<div dojoType="dojo.data.ItemFileReadStore" jsId="pagerStore" id="pagerStore"
    url="{{dataUrl}}dojox/widget/tests/_pager-data.json"></div>

<h2>Horizontal Pager</h2>

<div style="padding:8px">
    <div dojoType="dojox.widget.Pager" id="dojoxMenu1"
        store="pagerStore" style="width: 410px; height: 150px"></div>
</div>

<!-- the datastore --> <div dojoType="dojo.data.ItemFileReadStore" jsId="pagerStore" id="pagerStore" url="{{dataUrl}}dojox/widget/tests/_pager-data.json"></div> <h2>Horizontal Pager</h2> <div style="padding:8px"> <div dojoType="dojox.widget.Pager" id="dojoxMenu1" store="pagerStore" style="width: 410px; height: 150px"></div> </div>

See also

• Using Datastores
• Planned cleanups and enhancements for dojox.widget.Pager

Table of Contents

• dojox.widget.Pager
  • Introduction
  • Usage
  • Examples
    • Programmatic example
    • Declarative example: Horizontal Pager
  • See also