webgui/www/extras/yui/docs/YAHOO.widget.Paginator.html
2008-03-15 17:21:21 +00:00

2604 lines
128 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>API: datatable YAHOO.widget.Paginator (YUI Library)</title>
<link rel="stylesheet" type="text/css" href="assets/api.css">
<script type="text/javascript" src="assets/api-js"></script>
<script type="text/javascript" src="assets/ac-js"></script>
</head>
<body id="yahoo-com">
<div id="doc3" class="yui-t2">
<div id="hd">
<a href="http://developer.yahoo.com/yui/"><h1>Yahoo! UI Library</h1></a>
<h3>DataTable Widget&nbsp; <span class="subtitle">2.5.0</span></h3>
<p>
<a href="./index.html">Yahoo! UI Library</a>
&gt; <a href="./module_datatable.html">datatable</a>
&gt; YAHOO.widget.Paginator
</p>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<form name="yui-classopts-form">
<span id="classopts"><input type="checkbox" name="showprivate" id="showprivate" /> Show Private</span>
<span id="classopts"><input type="checkbox" name="showprotected" id="showprotected" /> Show Protected</span>
</form>
<h2>
Class <b>YAHOO.widget.Paginator</b>
<span class="extends">
</span>
<span class="extends">
- uses
<a href="YAHOO.util.EventProvider.html">YAHOO.util.EventProvider</a>,
<a href="YAHOO.util.AttributeProvider.html">YAHOO.util.AttributeProvider</a>
</span>
</code>
</h2>
<!-- class tree goes here -->
<div class="summary description">
The Paginator widget provides a set of controls to navigate through paged
data.
</div>
<div class="section constructor details">
<h3 id="constructor">Constructor</h3>
<div class="content">
<div class="detail">
<strong>YAHOO.widget.Paginator</strong>
<code>
(
config
)
</code>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>config
&lt;Object&gt;
</code>
Object literal to set instance and ui component
configuration.
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="section field details">
<h3 id="properties">Properties</h3>
<div class="content">
<div class="private">
<h4><a name="_containers">_containers</a>
<code>- private Array(HTMLElement)</code>
</h4>
<div class="detail">
<div class="description">
Array of nodes in which to render pagination controls. This is set via
the &quot;containers&quot; attribute.
</div>
</div>
<hr />
</div>
<div class="private">
<h4><a name="id">id</a>
<code>- private static number</code>
</h4>
<div class="detail">
<div class="description">
Incrementing index used to give instances unique ids.
</div>
</div>
<hr />
</div>
<div class="private">
<h4><a name="ID_BASE">ID_BASE</a>
<code>- private static string</code>
</h4>
<div class="detail">
<div class="description">
Base of id strings used for ui components.
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="TEMPLATE_DEFAULT">TEMPLATE_DEFAULT</a>
<code>- static string</code>
</h4>
<div class="detail">
<div class="description">
Default template used by Paginator instances. Update this if you want
all new Paginators to use a different default template.
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="TEMPLATE_ROWS_PER_PAGE">TEMPLATE_ROWS_PER_PAGE</a>
<code>- static string</code>
</h4>
<div class="detail">
<div class="description">
Common alternate pagination format, including page links, links for
previous, next, first and last pages as well as a rows-per-page
dropdown. Offered as a convenience.
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="VALUE_UNLIMITED">VALUE_UNLIMITED</a>
<code>- static final number</code>
</h4>
<div class="detail">
<div class="description">
Used to identify unset, optional configurations, or used explicitly in
the case of totalRecords to indicate unlimited pagination.
</div>
</div>
<hr />
</div>
</div>
</div>
<div class="section field inheritance">
<h4>Properties inherited from <a href="YAHOO.util.AttributeProvider.html">YAHOO.util.AttributeProvider</a>:</h4>
<div class="content">
<code>
<a class="private" href="YAHOO.util.AttributeProvider.html#_configs">_configs</a>
</code>
</div>
</div>
<div class="section field inheritance">
<h4>Properties inherited from <a href="YAHOO.util.EventProvider.html">YAHOO.util.EventProvider</a>:</h4>
<div class="content">
<code>
<a class="private" href="YAHOO.util.EventProvider.html#__yui_events">__yui_events</a><span class="private">,</span>
<a class="private" href="YAHOO.util.EventProvider.html#__yui_subscribers">__yui_subscribers</a>
</code>
</div>
</div>
<div class="section method details">
<h3 id="methods">Methods</h3>
<div class="content">
<div class="">
<h4>
<a name="destroy">destroy</a></h4>
<div class="detail">
<code>
void
<strong>destroy</strong>
(
)
</code>
<div class="description">
Removes controls from the page and unhooks events.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getContainerNodes">getContainerNodes</a></h4>
<div class="detail">
<code>
Array
<strong>getContainerNodes</strong>
(
)
</code>
<div class="description">
Get the configured container nodes
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
Array
</code></dt>
<dd>array of HTMLElement nodes</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getCurrentPage">getCurrentPage</a></h4>
<div class="detail">
<code>
number
<strong>getCurrentPage</strong>
(
)
</code>
<div class="description">
Get the page number corresponding to the current record offset.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getNextPage">getNextPage</a></h4>
<div class="detail">
<code>
number
<strong>getNextPage</strong>
(
)
</code>
<div class="description">
Get the page number of the next page, or null if the current page is the
last page.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getPageRecords">getPageRecords</a></h4>
<div class="detail">
<code>
Array
<strong>getPageRecords</strong>
(
page
)
</code>
<div class="description">
Get the start and end record indexes of the specified page.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>page &lt;number&gt;</code>
(optional) The page (current page if not specified)
</dd>
</dl>
<dl>
<dt>Returns:
<code>
Array
</code></dt>
<dd>[start_index, end_index]</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getPreviousPage">getPreviousPage</a></h4>
<div class="detail">
<code>
number
<strong>getPreviousPage</strong>
(
)
</code>
<div class="description">
Get the page number of the previous page, or null if the current page
is the first page.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getRowsPerPage">getRowsPerPage</a></h4>
<div class="detail">
<code>
number
<strong>getRowsPerPage</strong>
(
)
</code>
<div class="description">
Get the number of rows per page.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd>the current setting of the rowsPerPage attribute</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getStartIndex">getStartIndex</a></h4>
<div class="detail">
<code>
number
<strong>getStartIndex</strong>
(
)
</code>
<div class="description">
Get the index of the first record on the current page
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd>the index of the first record on the current page</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getState">getState</a></h4>
<div class="detail">
<code>
object
<strong>getState</strong>
(
changes
)
</code>
<div class="description">
Get an object literal describing the current state of the paginator. If
an object literal of proposed values is passed, the proposed state will
be returned as an object literal with the following keys:
<ul>
<li>paginator - instance of the Paginator</li>
<li>page - number</li>
<li>totalRecords - number</li>
<li>recordOffset - number</li>
<li>rowsPerPage - number</li>
<li>records - [ start_index, end_index ]</li>
<li>before - (OPTIONAL) { state object literal for current state }</li>
</ul>
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>changes &lt;object&gt;</code>
OPTIONAL object literal with proposed values
Supported change keys include:
<ul>
<li>rowsPerPage</li>
<li>totalRecords</li>
<li>recordOffset OR</li>
<li>page</li>
</ul>
</dd>
</dl>
<dl>
<dt>Returns:
<code>
object
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getTotalPages">getTotalPages</a></h4>
<div class="detail">
<code>
number
<strong>getTotalPages</strong>
(
)
</code>
<div class="description">
Get the total number of pages in the data set according to the current
rowsPerPage and totalRecords values. If totalRecords is not set, or
set to YAHOO.widget.Paginator.VALUE_UNLIMITED, returns
YAHOO.widget.Paginator.VALUE_UNLIMITED.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="getTotalRecords">getTotalRecords</a></h4>
<div class="detail">
<code>
number
<strong>getTotalRecords</strong>
(
)
</code>
<div class="description">
Get the total number of records.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
number
</code></dt>
<dd>the current setting of totalRecords attribute</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="hasNextPage">hasNextPage</a></h4>
<div class="detail">
<code>
boolean
<strong>hasNextPage</strong>
(
)
</code>
<div class="description">
Are there records on the next page?
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
boolean
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="hasPage">hasPage</a></h4>
<div class="detail">
<code>
boolean
<strong>hasPage</strong>
(
page
)
</code>
<div class="description">
Does the requested page have any records?
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>page &lt;number&gt;</code>
the page in question
</dd>
</dl>
<dl>
<dt>Returns:
<code>
boolean
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="hasPreviousPage">hasPreviousPage</a></h4>
<div class="detail">
<code>
boolean
<strong>hasPreviousPage</strong>
(
)
</code>
<div class="description">
Is there a page before the current page?
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
boolean
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private">
<h4>
<a name="initConfig">initConfig</a></h4>
<div class="detail">
<code>
private
void
<strong>initConfig</strong>
(
)
</code>
<div class="description">
Initialize the Paginator's attributes (see YAHOO.util.Element class
AttributeProvider).
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private">
<h4>
<a name="initEvents">initEvents</a></h4>
<div class="detail">
<code>
private
void
<strong>initEvents</strong>
(
)
</code>
<div class="description">
Initialize this instance's CustomEvents.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private">
<h4>
<a name="initUIComponents">initUIComponents</a></h4>
<div class="detail">
<code>
private
void
<strong>initUIComponents</strong>
(
)
</code>
<div class="description">
Initialize registered ui components onto this instance.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="render">render</a></h4>
<div class="detail">
<code>
void
<strong>render</strong>
(
)
</code>
<div class="description">
Render the pagination controls per the format attribute into the
specified container nodes.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="setPage">setPage</a></h4>
<div class="detail">
<code>
void
<strong>setPage</strong>
(
newPage
,
silent
)
</code>
<div class="description">
Set the current page to the provided page number if possible.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>newPage &lt;number&gt;</code>
the new page number
</dd>
<dd>
<code>silent &lt;boolean&gt;</code>
whether to forcibly avoid firing the
changeRequest event
</dd>
</dl>
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="setRowsPerPage">setRowsPerPage</a></h4>
<div class="detail">
<code>
void
<strong>setRowsPerPage</strong>
(
rpp
,
silent
)
</code>
<div class="description">
Set the number of rows per page.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>rpp &lt;number&gt;</code>
the new number of rows per page
</dd>
<dd>
<code>silent &lt;boolean&gt;</code>
whether to forcibly avoid firing the
changeRequest event
</dd>
</dl>
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="setStartIndex">setStartIndex</a></h4>
<div class="detail">
<code>
void
<strong>setStartIndex</strong>
(
offset
,
silent
)
</code>
<div class="description">
Move the record offset to a new starting index. This will likely cause
the calculated current page to change. You should probably use setPage.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>offset &lt;number&gt;</code>
the new record offset
</dd>
<dd>
<code>silent &lt;boolean&gt;</code>
whether to forcibly avoid firing the changeRequest event
</dd>
</dl>
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="setTotalRecords">setTotalRecords</a></h4>
<div class="detail">
<code>
void
<strong>setTotalRecords</strong>
(
total
,
silent
)
</code>
<div class="description">
Set the total number of records.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>total &lt;number&gt;</code>
the new total number of records
</dd>
<dd>
<code>silent &lt;boolean&gt;</code>
whether to forcibly avoid firing the changeRequest event
</dd>
</dl>
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="updateVisibility">updateVisibility</a></h4>
<div class="detail">
<code>
void
<strong>updateVisibility</strong>
(
)
</code>
<div class="description">
Hides the containers if there is only one page of data and attribute
alwaysVisible is false. Conversely, it displays the containers if either
there is more than one page worth of data or alwaysVisible is turned on.
</div>
<div class="description">
<dl>
<dt>Returns:
<code>
void
</code></dt>
<dd></dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
<div class="section field inheritance">
<h4>Methods inherited from <a href="YAHOO.util.AttributeProvider.html">YAHOO.util.AttributeProvider</a>:</h4>
<div class="content">
<code>
<a class="" href="YAHOO.util.AttributeProvider.html#configureAttribute">configureAttribute</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#fireBeforeChangeEvent">fireBeforeChangeEvent</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#fireChangeEvent">fireChangeEvent</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#get">get</a><span class="">,</span> <a class="private" href="YAHOO.util.AttributeProvider.html#getAttributeConfig">getAttributeConfig</a><span class="private">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#getAttributeKeys">getAttributeKeys</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#refresh">refresh</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#register">register</a><span class="">,</span> <a class="private" href="YAHOO.util.AttributeProvider.html#resetAttributeConfig">resetAttributeConfig</a><span class="private">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#resetValue">resetValue</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#set">set</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#setAttributeConfig">setAttributeConfig</a><span class="">,</span> <a class="" href="YAHOO.util.AttributeProvider.html#setAttributes">setAttributes</a>
</code>
</div>
</div>
<div class="section field inheritance">
<h4>Methods inherited from <a href="YAHOO.util.EventProvider.html">YAHOO.util.EventProvider</a>:</h4>
<div class="content">
<code>
<a class="" href="YAHOO.util.EventProvider.html#createEvent">createEvent</a><span class="">,</span> <a class="" href="YAHOO.util.EventProvider.html#fireEvent">fireEvent</a><span class="">,</span> <a class="" href="YAHOO.util.EventProvider.html#hasEvent">hasEvent</a><span class="">,</span> <a class="" href="YAHOO.util.EventProvider.html#subscribe">subscribe</a><span class="">,</span> <a class="" href="YAHOO.util.EventProvider.html#unsubscribe">unsubscribe</a><span class="">,</span> <a class="" href="YAHOO.util.EventProvider.html#unsubscribeAll">unsubscribeAll</a>
</code>
</div>
</div>
<div class="section method details">
<h3 id="events">Events</h3>
<div class="content">
<div class="">
<h4>
<a name="alwaysVisibleChange">alwaysVisibleChange</a></h4>
<div class="detail">
<code>
<strong>alwaysVisibleChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'alwaysVisible' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeAlwaysvisibleChange">beforeAlwaysvisibleChange</a></h4>
<div class="detail">
<code>
<strong>beforeAlwaysvisibleChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'alwaysVisible' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeContainerclassChange">beforeContainerclassChange</a></h4>
<div class="detail">
<code>
<strong>beforeContainerclassChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'containerClass' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeContainersChange">beforeContainersChange</a></h4>
<div class="detail">
<code>
<strong>beforeContainersChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'containers' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeIdChange">beforeIdChange</a></h4>
<div class="detail">
<code>
<strong>beforeIdChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'id' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeInitialpageChange">beforeInitialpageChange</a></h4>
<div class="detail">
<code>
<strong>beforeInitialpageChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'initialPage' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeRecordoffsetChange">beforeRecordoffsetChange</a></h4>
<div class="detail">
<code>
<strong>beforeRecordoffsetChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'recordOffset' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeRenderedChange">beforeRenderedChange</a></h4>
<div class="detail">
<code>
<strong>beforeRenderedChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'rendered' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeRowsperpageChange">beforeRowsperpageChange</a></h4>
<div class="detail">
<code>
<strong>beforeRowsperpageChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'rowsPerPage' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeTemplateChange">beforeTemplateChange</a></h4>
<div class="detail">
<code>
<strong>beforeTemplateChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'template' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeTotalrecordsChange">beforeTotalrecordsChange</a></h4>
<div class="detail">
<code>
<strong>beforeTotalrecordsChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'totalRecords' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="beforeUpdateonchangeChange">beforeUpdateonchangeChange</a></h4>
<div class="detail">
<code>
<strong>beforeUpdateonchangeChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires before the value for the configuration attribute 'updateOnChange' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the current attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="containerClassChange">containerClassChange</a></h4>
<div class="detail">
<code>
<strong>containerClassChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'containerClass' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="containersChange">containersChange</a></h4>
<div class="detail">
<code>
<strong>containersChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'containers' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="idChange">idChange</a></h4>
<div class="detail">
<code>
<strong>idChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'id' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="initialPageChange">initialPageChange</a></h4>
<div class="detail">
<code>
<strong>initialPageChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'initialPage' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="recordOffsetChange">recordOffsetChange</a></h4>
<div class="detail">
<code>
<strong>recordOffsetChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'recordOffset' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="renderedChange">renderedChange</a></h4>
<div class="detail">
<code>
<strong>renderedChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'rendered' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="rowsPerPageChange">rowsPerPageChange</a></h4>
<div class="detail">
<code>
<strong>rowsPerPageChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'rowsPerPage' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="templateChange">templateChange</a></h4>
<div class="detail">
<code>
<strong>templateChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'template' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="totalRecordsChange">totalRecordsChange</a></h4>
<div class="detail">
<code>
<strong>totalRecordsChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'totalRecords' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="">
<h4>
<a name="updateOnChangeChange">updateOnChangeChange</a></h4>
<div class="detail">
<code>
<strong>updateOnChangeChange</strong>
(
eventInfo
)
</code>
<div class="description">
Fires when the value for the configuration attribute 'updateOnChange' changes.
</div>
<div class="description">
<dl>
<dt>Parameters:</dt>
<dd>
<code>eventInfo &lt;{oldValue: any, newValue: any}&gt;</code>
An object containing the previous attribute value and the new value.
</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
<div class="section field details">
<h3 id="configattributes">Configuration Attributes</h3>
<div class="content">
<div class="">
<h4><a name="alwaysVisible">alwaysVisible</a>
<code>- boolean</code>
</h4>
<div class="detail">
<div class="description">
Display pagination controls even when there is only one page. Set
to false to forgo rendering and/or hide the containers when there
is only one page of data. Note if you are using the rowsPerPage
dropdown ui component, visibility will be maintained as long as the
number of records exceeds the smallest page size.
</div>
</div>
<div class="default">
Default Value: true
</div>
<hr />
</div>
<div class="">
<h4><a name="containerClass">containerClass</a>
<code>- string</code>
</h4>
<div class="detail">
<div class="description">
Class assigned to the element(s) containing pagination controls.
</div>
</div>
<div class="default">
Default Value: 'yui-pg-container'
</div>
<hr />
</div>
<div class="">
<h4><a name="containers">containers</a>
<code>- {string|HTMLElement|Array(string|HTMLElement)}</code>
</h4>
<div class="detail">
<div class="description">
REQUIRED. Node references or ids of nodes in which to render the
pagination controls.
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="id">id</a>
<code>- readonly integer</code>
</h4>
<div class="detail">
<div class="description">
Unique id assigned to this instance
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="initialPage">initialPage</a>
<code>- integer</code>
</h4>
<div class="detail">
<div class="description">
Page to display on initial paint
</div>
</div>
<div class="default">
Default Value: 1
</div>
<hr />
</div>
<div class="">
<h4><a name="recordOffset">recordOffset</a>
<code>- integer</code>
</h4>
<div class="detail">
<div class="description">
Zero based index of the record considered first on the current page.
For page based interactions, don't modify this attribute directly;
use setPage(n).
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
<div class="">
<h4><a name="rendered">rendered</a>
<code>- readonly boolean</code>
</h4>
<div class="detail">
<div class="description">
Indicator of whether the DOM nodes have been initially created
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="rowsPerPage">rowsPerPage</a>
<code>- integer</code>
</h4>
<div class="detail">
<div class="description">
REQUIRED. Number of records constituting a &quot;page&quot;
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="template">template</a>
<code>- string</code>
</h4>
<div class="detail">
<div class="description">
Template used to render controls. The string will be used as
innerHTML on all specified container nodes. Bracketed keys
(e.g. {pageLinks}) in the string will be replaced with an instance
of the so named ui component.
</div>
</div>
<hr />
</div>
<div class="">
<h4><a name="totalRecords">totalRecords</a>
<code>- integer</code>
</h4>
<div class="detail">
<div class="description">
Total number of records to paginate through
</div>
</div>
<div class="default">
Default Value: Paginator.VALUE_UNLIMITED
</div>
<hr />
</div>
<div class="">
<h4><a name="updateOnChange">updateOnChange</a>
<code>- boolean</code>
</h4>
<div class="detail">
<div class="description">
Update the UI immediately upon interaction. If false, changeRequest
subscribers or other external code will need to explicitly set the
new values in the paginator to trigger repaint.
</div>
</div>
<div class="default">
Default Value: false
</div>
<hr />
</div>
</div>
</div>
</div>
</div>
<div class="yui-b">
<div class="nav">
<div class="module">
<h4>Modules</h4>
<ul class="content">
<li class=""><a href="module_animation.html">animation</a></li>
<li class=""><a href="module_autocomplete.html">autocomplete</a></li>
<li class=""><a href="module_button.html">button</a></li>
<li class=""><a href="module_calendar.html">calendar</a></li>
<li class=""><a href="module_charts.html">charts</a></li>
<li class=""><a href="module_colorpicker.html">colorpicker</a></li>
<li class=""><a href="module_connection.html">connection</a></li>
<li class=""><a href="module_container.html">container</a></li>
<li class=""><a href="module_cookie.html">cookie</a></li>
<li class=""><a href="module_datasource.html">datasource</a></li>
<li class="selected"><a href="module_datatable.html">datatable</a></li>
<li class=""><a href="module_dom.html">dom</a></li>
<li class=""><a href="module_dragdrop.html">dragdrop</a></li>
<li class=""><a href="module_editor.html">editor</a></li>
<li class=""><a href="module_element.html">element</a></li>
<li class=""><a href="module_event.html">event</a></li>
<li class=""><a href="module_get.html">get</a></li>
<li class=""><a href="module_history.html">history</a></li>
<li class=""><a href="module_imagecropper.html">imagecropper</a></li>
<li class=""><a href="module_imageloader.html">imageloader</a></li>
<li class=""><a href="module_json.html">json</a></li>
<li class=""><a href="module_layout.html">layout</a></li>
<li class=""><a href="module_logger.html">logger</a></li>
<li class=""><a href="module_menu.html">menu</a></li>
<li class=""><a href="module_profiler.html">profiler</a></li>
<li class=""><a href="module_profilerviewer.html">profilerviewer</a></li>
<li class=""><a href="module_resize.html">resize</a></li>
<li class=""><a href="module_selector.html">selector</a></li>
<li class=""><a href="module_slider.html">slider</a></li>
<li class=""><a href="module_tabview.html">tabview</a></li>
<li class=""><a href="module_treeview.html">treeview</a></li>
<li class=""><a href="module_uploader.html">uploader</a></li>
<li class=""><a href="module_yahoo.html">yahoo</a></li>
<li class=""><a href="module_yuiloader.html">yuiloader</a></li>
<li class=""><a href="module_yuitest.html">yuitest</a></li>
</ul>
</div>
<div class="module">
<h4>Classes</h4>
<ul class="content">
<li class=""><a href="YAHOO.util.Chain.html">YAHOO.util.Chain</a></li>
<li class=""><a href="YAHOO.util.ColumnDD.html">YAHOO.util.ColumnDD</a></li>
<li class=""><a href="YAHOO.util.ColumnResizer.html">YAHOO.util.ColumnResizer</a></li>
<li class=""><a href="YAHOO.util.Sort.html">YAHOO.util.Sort</a></li>
<li class=""><a href="YAHOO.widget.Column.html">YAHOO.widget.Column</a></li>
<li class=""><a href="YAHOO.widget.ColumnSet.html">YAHOO.widget.ColumnSet</a></li>
<li class=""><a href="YAHOO.widget.DataTable.html">YAHOO.widget.DataTable</a></li>
<li class="selected"><a href="YAHOO.widget.Paginator.html">YAHOO.widget.Paginator</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.CurrentPageReport.html">YAHOO.widget.Paginator.ui.CurrentPageReport</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.FirstPageLink.html">YAHOO.widget.Paginator.ui.FirstPageLink</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.LastPageLink.html">YAHOO.widget.Paginator.ui.LastPageLink</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.NextPageLink.html">YAHOO.widget.Paginator.ui.NextPageLink</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.PageLinks.html">YAHOO.widget.Paginator.ui.PageLinks</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.PreviousPageLink.html">YAHOO.widget.Paginator.ui.PreviousPageLink</a></li>
<li class=""><a href="YAHOO.widget.Paginator.ui.RowsPerPageDropdown.html">YAHOO.widget.Paginator.ui.RowsPerPageDropdown</a></li>
<li class=""><a href="YAHOO.widget.Record.html">YAHOO.widget.Record</a></li>
<li class=""><a href="YAHOO.widget.RecordSet.html">YAHOO.widget.RecordSet</a></li>
</ul>
</div>
<div class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="Chain.js.html">Chain.js</a></li>
<li class=""><a href="ColumnSet.js.html">ColumnSet.js</a></li>
<li class=""><a href="DataTable.js.html">DataTable.js</a></li>
<li class=""><a href="Paginator.js.html">Paginator.js</a></li>
<li class=""><a href="RecordSet.js.html">RecordSet.js</a></li>
</ul>
</div>
<div class="module">
<h4>Properties</h4>
<ul class="content">
<li class="private"><a href="#_containers">_containers</a>
<!--<code>&lt;number&gt;</code>-->
</li>
<li class="private"><a href="#id">id</a>
<!--<code>&lt;number&gt;</code>-->
</li>
<li class="private"><a href="#ID_BASE">ID_BASE</a>
<!--<code>&lt;number&gt;</code>-->
</li>
<li class=""><a href="#TEMPLATE_DEFAULT">TEMPLATE_DEFAULT</a>
<!--<code>&lt;number&gt;</code>-->
</li>
<li class=""><a href="#TEMPLATE_ROWS_PER_PAGE">TEMPLATE_ROWS_PER_PAGE</a>
<!--<code>&lt;number&gt;</code>-->
</li>
<li class=""><a href="#VALUE_UNLIMITED">VALUE_UNLIMITED</a>
<!--<code>&lt;number&gt;</code>-->
</li>
</ul>
</div>
<div class="module">
<h4>Methods</h4>
<ul class="content">
<li class=""><!--<code>void</code>-->
<a href="#destroy">destroy</a>
</li>
<li class=""><!--<code>Array</code>-->
<a href="#getContainerNodes">getContainerNodes</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getCurrentPage">getCurrentPage</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getNextPage">getNextPage</a>
</li>
<li class=""><!--<code>Array</code>-->
<a href="#getPageRecords">getPageRecords</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getPreviousPage">getPreviousPage</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getRowsPerPage">getRowsPerPage</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getStartIndex">getStartIndex</a>
</li>
<li class=""><!--<code>object</code>-->
<a href="#getState">getState</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getTotalPages">getTotalPages</a>
</li>
<li class=""><!--<code>number</code>-->
<a href="#getTotalRecords">getTotalRecords</a>
</li>
<li class=""><!--<code>boolean</code>-->
<a href="#hasNextPage">hasNextPage</a>
</li>
<li class=""><!--<code>boolean</code>-->
<a href="#hasPage">hasPage</a>
</li>
<li class=""><!--<code>boolean</code>-->
<a href="#hasPreviousPage">hasPreviousPage</a>
</li>
<li class="private"><!--<code>void</code>-->
<a href="#initConfig">initConfig</a>
</li>
<li class="private"><!--<code>void</code>-->
<a href="#initEvents">initEvents</a>
</li>
<li class="private"><!--<code>void</code>-->
<a href="#initUIComponents">initUIComponents</a>
</li>
<li class=""><!--<code>void</code>-->
<a href="#render">render</a>
</li>
<li class=""><!--<code>void</code>-->
<a href="#setPage">setPage</a>
</li>
<li class=""><!--<code>void</code>-->
<a href="#setRowsPerPage">setRowsPerPage</a>
</li>
<li class=""><!--<code>void</code>-->
<a href="#setStartIndex">setStartIndex</a>
</li>
<li class=""><!--<code>void</code>-->
<a href="#setTotalRecords">setTotalRecords</a>
</li>
<li class=""><!--<code>void</code>-->
<a href="#updateVisibility">updateVisibility</a>
</li>
</ul>
</div>
<div class="module">
<h4>Events</h4>
<ul class="content">
<li class="">
<a href="#alwaysVisibleChange">alwaysVisibleChange</a>
</li>
<li class="">
<a href="#beforeAlwaysvisibleChange">beforeAlwaysvisibleChange</a>
</li>
<li class="">
<a href="#beforeContainerclassChange">beforeContainerclassChange</a>
</li>
<li class="">
<a href="#beforeContainersChange">beforeContainersChange</a>
</li>
<li class="">
<a href="#beforeIdChange">beforeIdChange</a>
</li>
<li class="">
<a href="#beforeInitialpageChange">beforeInitialpageChange</a>
</li>
<li class="">
<a href="#beforeRecordoffsetChange">beforeRecordoffsetChange</a>
</li>
<li class="">
<a href="#beforeRenderedChange">beforeRenderedChange</a>
</li>
<li class="">
<a href="#beforeRowsperpageChange">beforeRowsperpageChange</a>
</li>
<li class="">
<a href="#beforeTemplateChange">beforeTemplateChange</a>
</li>
<li class="">
<a href="#beforeTotalrecordsChange">beforeTotalrecordsChange</a>
</li>
<li class="">
<a href="#beforeUpdateonchangeChange">beforeUpdateonchangeChange</a>
</li>
<li class="">
<a href="#containerClassChange">containerClassChange</a>
</li>
<li class="">
<a href="#containersChange">containersChange</a>
</li>
<li class="">
<a href="#idChange">idChange</a>
</li>
<li class="">
<a href="#initialPageChange">initialPageChange</a>
</li>
<li class="">
<a href="#recordOffsetChange">recordOffsetChange</a>
</li>
<li class="">
<a href="#renderedChange">renderedChange</a>
</li>
<li class="">
<a href="#rowsPerPageChange">rowsPerPageChange</a>
</li>
<li class="">
<a href="#templateChange">templateChange</a>
</li>
<li class="">
<a href="#totalRecordsChange">totalRecordsChange</a>
</li>
<li class="">
<a href="#updateOnChangeChange">updateOnChangeChange</a>
</li>
</ul>
</div>
<div class="module">
<h4>Configuration Attributes</h4>
<ul class="content">
<li class="">
<a href="#alwaysVisible">alwaysVisible</a>
</li>
<li class="">
<a href="#containerClass">containerClass</a>
</li>
<li class="">
<a href="#containers">containers</a>
</li>
<li class="">
<a href="#id">id</a>
</li>
<li class="">
<a href="#initialPage">initialPage</a>
</li>
<li class="">
<a href="#recordOffset">recordOffset</a>
</li>
<li class="">
<a href="#rendered">rendered</a>
</li>
<li class="">
<a href="#rowsPerPage">rowsPerPage</a>
</li>
<li class="">
<a href="#template">template</a>
</li>
<li class="">
<a href="#totalRecords">totalRecords</a>
</li>
<li class="">
<a href="#updateOnChange">updateOnChange</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright &copy; 2007 Yahoo! Inc. All rights reserved.
</div>
</div>
</body>
</html>