2209 lines
231 KiB
HTML
2209 lines
231 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>API: datatable Paginator.js (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 <span class="subtitle">2.5.0</span></h3>
|
|
<p>
|
|
<a href="./index.html">Yahoo! UI Library</a>
|
|
> <a href="./module_datatable.html">datatable</a>
|
|
|
|
> Paginator.js (source view)
|
|
</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>
|
|
|
|
<div id="srcout">
|
|
<style>
|
|
#doc3 #classopts { display:none; }
|
|
</style>
|
|
<div class="highlight" ><pre><span class="c">/**</span>
|
|
<span class="c"> * The Paginator widget provides a set of controls to navigate through paged</span>
|
|
<span class="c"> * data.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget</span>
|
|
<span class="c"> * @class Paginator</span>
|
|
<span class="c"> * @uses YAHOO.util.EventProvider</span>
|
|
<span class="c"> * @uses YAHOO.util.AttributeProvider</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param config {Object} Object literal to set instance and ui component</span>
|
|
<span class="c"> * configuration.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">config</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">UNLIMITED</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">,</span>
|
|
<span class="nx">lang</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">,</span>
|
|
<span class="nx">attrib</span><span class="o">,</span> <span class="nx">initialPage</span><span class="o">,</span> <span class="nx">records</span><span class="o">,</span> <span class="nx">perPage</span><span class="o">;</span>
|
|
|
|
<span class="nx">config</span> <span class="o">=</span> <span class="nx">lang</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">config</span><span class="o">)</span> <span class="o">?</span> <span class="nx">config</span> <span class="o">:</span> <span class="o">{};</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">initConfig</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">initEvents</span><span class="o">();</span>
|
|
|
|
<span class="c">// Set the basic config keys first</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">,</span><span class="nx">config</span><span class="o">.</span><span class="nx">rowsPerPage</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">config</span><span class="o">.</span><span class="nx">totalRecords</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">,</span><span class="nx">config</span><span class="o">.</span><span class="nx">totalRecords</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">initUIComponents</span><span class="o">();</span>
|
|
|
|
<span class="c">// Update the other config values</span>
|
|
<span class="c"></span> <span class="k">for</span> <span class="o">(</span><span class="nx">attrib</span> <span class="k">in</span> <span class="nx">config</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">lang</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="nx">config</span><span class="o">,</span><span class="nx">attrib</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="nx">attrib</span><span class="o">,</span><span class="nx">config</span><span class="o">[</span><span class="nx">attrib</span><span class="o">],</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Calculate the initial record offset</span>
|
|
<span class="c"></span> <span class="nx">initialPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'initialPage'</span><span class="o">);</span>
|
|
<span class="nx">records</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">);</span>
|
|
<span class="nx">perPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">initialPage</span> <span class="o">></span> <span class="m">1</span> <span class="o">&&</span> <span class="nx">perPage</span> <span class="o">!==</span> <span class="nx">UNLIMITED</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">startIndex</span> <span class="o">=</span> <span class="o">(</span><span class="nx">initialPage</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">*</span> <span class="nx">perPage</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">records</span> <span class="o">===</span> <span class="nx">UNLIMITED</span> <span class="o">||</span> <span class="nx">startIndex</span> <span class="o"><</span> <span class="nx">records</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">,</span><span class="nx">startIndex</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">// Static members</span>
|
|
<span class="c"></span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">augmentObject</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Incrementing index used to give instances unique ids.</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @property id</span>
|
|
<span class="c"> * @type number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Base of id strings used for ui components.</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @property ID_BASE</span>
|
|
<span class="c"> * @type string</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ID_BASE</span> <span class="o">:</span> <span class="s1">'yui-pg'</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Used to identify unset, optional configurations, or used explicitly in</span>
|
|
<span class="c"> * the case of totalRecords to indicate unlimited pagination.</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @property VALUE_UNLIMITED</span>
|
|
<span class="c"> * @type number</span>
|
|
<span class="c"> * @final</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">VALUE_UNLIMITED</span> <span class="o">:</span> <span class="o">-</span><span class="m">1</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Default template used by Paginator instances. Update this if you want</span>
|
|
<span class="c"> * all new Paginators to use a different default template.</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @property TEMPLATE_DEFAULT</span>
|
|
<span class="c"> * @type string</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">TEMPLATE_DEFAULT</span> <span class="o">:</span> <span class="s2">"{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Common alternate pagination format, including page links, links for</span>
|
|
<span class="c"> * previous, next, first and last pages as well as a rows-per-page</span>
|
|
<span class="c"> * dropdown. Offered as a convenience.</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @property TEMPLATE_ROWS_PER_PAGE</span>
|
|
<span class="c"> * @type string</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">TEMPLATE_ROWS_PER_PAGE</span> <span class="o">:</span> <span class="s2">"{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"</span>
|
|
|
|
<span class="o">},</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">// Instance members and methods</span>
|
|
<span class="c"></span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">// Instance members</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Array of nodes in which to render pagination controls. This is set via</span>
|
|
<span class="c"> * the &quot;containers&quot; attribute.</span>
|
|
<span class="c"> * @property _containers</span>
|
|
<span class="c"> * @type Array(HTMLElement)</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_containers</span> <span class="o">:</span> <span class="o">[],</span>
|
|
|
|
|
|
|
|
|
|
<span class="c">// Instance methods</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initialize the Paginator's attributes (see YAHOO.util.Element class</span>
|
|
<span class="c"> * AttributeProvider).</span>
|
|
<span class="c"> * @method initConfig</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">initConfig</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">UNLIMITED</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">,</span>
|
|
<span class="nx">l</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * REQUIRED. Number of records constituting a &quot;page&quot;</span>
|
|
<span class="c"> * @attribute rowsPerPage</span>
|
|
<span class="c"> * @type integer</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isNumber</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * REQUIRED. Node references or ids of nodes in which to render the</span>
|
|
<span class="c"> * pagination controls.</span>
|
|
<span class="c"> * @attribute containers</span>
|
|
<span class="c"> * @type {string|HTMLElement|Array(string|HTMLElement)}</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'containers'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
<span class="nx">writeOnce</span> <span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">l</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="o">[</span><span class="nx">val</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="nx">val</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">l</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">val</span><span class="o">[</span><span class="nx">i</span><span class="o">])</span> <span class="o">||</span>
|
|
<span class="o">(</span><span class="nx">l</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">val</span><span class="o">[</span><span class="nx">i</span><span class="o">])</span> <span class="o">&&</span> <span class="nx">val</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">nodeType</span> <span class="o">===</span> <span class="m">1</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">continue</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">val</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">l</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="o">[</span><span class="nx">val</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_containers</span> <span class="o">=</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Total number of records to paginate through</span>
|
|
<span class="c"> * @attribute totalRecords</span>
|
|
<span class="c"> * @type integer</span>
|
|
<span class="c"> * @default Paginator.VALUE_UNLIMITED</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">UNLIMITED</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isNumber</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Zero based index of the record considered first on the current page.</span>
|
|
<span class="c"> * For page based interactions, don't modify this attribute directly;</span>
|
|
<span class="c"> * use setPage(n).</span>
|
|
<span class="c"> * @attribute recordOffset</span>
|
|
<span class="c"> * @type integer</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">total</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">l</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">total</span> <span class="o">===</span> <span class="nx">UNLIMITED</span> <span class="o">||</span> <span class="nx">total</span> <span class="o">></span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Page to display on initial paint</span>
|
|
<span class="c"> * @attribute initialPage</span>
|
|
<span class="c"> * @type integer</span>
|
|
<span class="c"> * @default 1</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'initialPage'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="m">1</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isNumber</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Template used to render controls. The string will be used as</span>
|
|
<span class="c"> * innerHTML on all specified container nodes. Bracketed keys</span>
|
|
<span class="c"> * (e.g. {pageLinks}) in the string will be replaced with an instance</span>
|
|
<span class="c"> * of the so named ui component.</span>
|
|
<span class="c"> * @see Paginator.TEMPLATE_DEFAULT</span>
|
|
<span class="c"> * @see Paginator.TEMPLATE_ROWS_PER_PAGE</span>
|
|
<span class="c"> * @attribute template</span>
|
|
<span class="c"> * @type string</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'template'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">TEMPLATE_DEFAULT</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Class assigned to the element(s) containing pagination controls.</span>
|
|
<span class="c"> * @attribute containerClass</span>
|
|
<span class="c"> * @type string</span>
|
|
<span class="c"> * @default 'yui-pg-container'</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'containerClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-container'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Display pagination controls even when there is only one page. Set</span>
|
|
<span class="c"> * to false to forgo rendering and/or hide the containers when there</span>
|
|
<span class="c"> * is only one page of data. Note if you are using the rowsPerPage</span>
|
|
<span class="c"> * dropdown ui component, visibility will be maintained as long as the</span>
|
|
<span class="c"> * number of records exceeds the smallest page size.</span>
|
|
<span class="c"> * @attribute alwaysVisible</span>
|
|
<span class="c"> * @type boolean</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'alwaysVisible'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isBoolean</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Update the UI immediately upon interaction. If false, changeRequest</span>
|
|
<span class="c"> * subscribers or other external code will need to explicitly set the</span>
|
|
<span class="c"> * new values in the paginator to trigger repaint.</span>
|
|
<span class="c"> * @attribute updateOnChange</span>
|
|
<span class="c"> * @type boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'updateOnChange'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isBoolean</span>
|
|
<span class="o">});</span>
|
|
|
|
|
|
|
|
<span class="c">// Read only attributes</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Unique id assigned to this instance</span>
|
|
<span class="c"> * @attribute id</span>
|
|
<span class="c"> * @type integer</span>
|
|
<span class="c"> * @final</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'id'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">id</span><span class="o">++,</span>
|
|
<span class="nx">readOnly</span> <span class="o">:</span> <span class="kc">true</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Indicator of whether the DOM nodes have been initially created</span>
|
|
<span class="c"> * @attribute rendered</span>
|
|
<span class="c"> * @type boolean</span>
|
|
<span class="c"> * @final</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'rendered'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
<span class="nx">readOnly</span> <span class="o">:</span> <span class="kc">true</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initialize registered ui components onto this instance.</span>
|
|
<span class="c"> * @method initUIComponents</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">initUIComponents</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">ui</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">ui</span><span class="o">;</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">name</span> <span class="k">in</span> <span class="nx">ui</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">UIComp</span> <span class="o">=</span> <span class="nx">ui</span><span class="o">[</span><span class="nx">name</span><span class="o">];</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">UIComp</span><span class="o">)</span> <span class="o">&&</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isFunction</span><span class="o">(</span><span class="nx">UIComp</span><span class="o">.</span><span class="nx">init</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">UIComp</span><span class="o">.</span><span class="nx">init</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initialize this instance's CustomEvents.</span>
|
|
<span class="c"> * @method initEvents</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">initEvents</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'totalRecordsChange'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'rowsPerPageChange'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'alwaysVisibleChange'</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'rendered'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'changeRequest'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">);</span>
|
|
|
|
<span class="c">// Listen for changes to totalRecords and alwaysVisible </span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'totalRecordsChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">updateVisibility</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'alwaysVisibleChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">updateVisibility</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Render the pagination controls per the format attribute into the</span>
|
|
<span class="c"> * specified container nodes.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rendered'</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Forgo rendering if only one page and alwaysVisible is off</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">totalRecords</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">totalRecords</span> <span class="o">!==</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span> <span class="o">&&</span>
|
|
<span class="nx">totalRecords</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">)</span> <span class="o">&&</span>
|
|
<span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'alwaysVisible'</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">Dom</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">,</span>
|
|
<span class="nx">template</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'template'</span><span class="o">),</span>
|
|
<span class="nx">containerClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'containerClass'</span><span class="o">);</span>
|
|
|
|
<span class="c">// add marker spans to the template html to indicate drop zones</span>
|
|
<span class="c"></span> <span class="c">// for ui components</span>
|
|
<span class="c"></span> <span class="nx">template</span> <span class="o">=</span> <span class="nx">template</span><span class="o">.</span><span class="nx">replace</span><span class="o">(</span><span class="sr">/\{([a-z0-9_ \-]+)\}/gi</span><span class="o">,</span>
|
|
<span class="s1">'<span class="yui-pg-ui $1"></span>'</span><span class="o">);</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">[</span><span class="nx">i</span><span class="o">],</span>
|
|
<span class="c">// ex. yui-pg0-1 (first paginator, second container)</span>
|
|
<span class="c"></span> <span class="nx">id_base</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">ID_BASE</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'id'</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="s1">'-'</span> <span class="o">+</span> <span class="nx">i</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">c</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">continue</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Hide the container while its contents are rendered</span>
|
|
<span class="c"></span> <span class="nx">c</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s1">'none'</span><span class="o">;</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">c</span><span class="o">,</span><span class="nx">containerClass</span><span class="o">);</span>
|
|
|
|
<span class="c">// Place the template innerHTML</span>
|
|
<span class="c"></span> <span class="nx">c</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">template</span><span class="o">;</span>
|
|
|
|
<span class="c">// Replace each marker with the ui component's render() output</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">markers</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getElementsByClassName</span><span class="o">(</span><span class="s1">'yui-pg-ui'</span><span class="o">,</span><span class="s1">'span'</span><span class="o">,</span><span class="nx">c</span><span class="o">);</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">jlen</span> <span class="o">=</span> <span class="nx">markers</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">j</span> <span class="o"><</span> <span class="nx">jlen</span><span class="o">;</span> <span class="o">++</span><span class="nx">j</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">m</span> <span class="o">=</span> <span class="nx">markers</span><span class="o">[</span><span class="nx">j</span><span class="o">],</span>
|
|
<span class="nx">mp</span> <span class="o">=</span> <span class="nx">m</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">,</span>
|
|
<span class="nx">name</span> <span class="o">=</span> <span class="nx">m</span><span class="o">.</span><span class="nx">className</span><span class="o">.</span><span class="nx">replace</span><span class="o">(</span><span class="sr">/\s*yui-pg-ui\s+/g</span><span class="o">,</span><span class="s1">''</span><span class="o">),</span>
|
|
<span class="nx">UIComp</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">ui</span><span class="o">[</span><span class="nx">name</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isFunction</span><span class="o">(</span><span class="nx">UIComp</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">comp</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">UIComp</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isFunction</span><span class="o">(</span><span class="nx">comp</span><span class="o">.</span><span class="nx">render</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">mp</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="nx">comp</span><span class="o">.</span><span class="nx">render</span><span class="o">(</span><span class="nx">id_base</span><span class="o">),</span><span class="nx">m</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Show the container allowing page reflow</span>
|
|
<span class="c"></span> <span class="nx">c</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s1">''</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Set render attribute manually to support its readOnly contract</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">.</span><span class="nx">length</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'rendered'</span><span class="o">,{</span><span class="nx">value</span><span class="o">:</span><span class="kc">true</span><span class="o">});</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="s1">'rendered'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">getState</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes controls from the page and unhooks events.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">);</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">''</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'rendered'</span><span class="o">,{</span><span class="nx">value</span><span class="o">:</span><span class="kc">false</span><span class="o">});</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Hides the containers if there is only one page of data and attribute</span>
|
|
<span class="c"> * alwaysVisible is false. Conversely, it displays the containers if either</span>
|
|
<span class="c"> * there is more than one page worth of data or alwaysVisible is turned on.</span>
|
|
<span class="c"> * @method updateVisibility</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">updateVisibility</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">alwaysVisible</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'alwaysVisible'</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span><span class="o">.</span><span class="nx">type</span> <span class="o">===</span> <span class="s1">'alwaysVisibleChange'</span> <span class="o">||</span> <span class="o">!</span><span class="nx">alwaysVisible</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">totalRecords</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">),</span>
|
|
<span class="nx">visible</span> <span class="o">=</span> <span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">rpp</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">),</span>
|
|
<span class="nx">rppOptions</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPageOptions'</span><span class="o">),</span>
|
|
<span class="nx">i</span><span class="o">,</span><span class="nx">len</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">rppOptions</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="nx">rppOptions</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">rpp</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">rpp</span><span class="o">,</span><span class="nx">rppOptions</span><span class="o">[</span><span class="nx">i</span><span class="o">]);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">totalRecords</span> <span class="o">!==</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span> <span class="o">&&</span>
|
|
<span class="nx">totalRecords</span> <span class="o"><=</span> <span class="nx">rpp</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">visible</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">visible</span> <span class="o">=</span> <span class="nx">visible</span> <span class="o">||</span> <span class="nx">alwaysVisible</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">[</span><span class="nx">i</span><span class="o">],</span><span class="s1">'display'</span><span class="o">,</span>
|
|
<span class="nx">visible</span> <span class="o">?</span> <span class="s1">''</span> <span class="o">:</span> <span class="s1">'none'</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the configured container nodes</span>
|
|
<span class="c"> * @method getContainerNodes</span>
|
|
<span class="c"> * @return {Array} array of HTMLElement nodes</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getContainerNodes</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_containers</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the total number of pages in the data set according to the current</span>
|
|
<span class="c"> * rowsPerPage and totalRecords values. If totalRecords is not set, or</span>
|
|
<span class="c"> * set to YAHOO.widget.Paginator.VALUE_UNLIMITED, returns</span>
|
|
<span class="c"> * YAHOO.widget.Paginator.VALUE_UNLIMITED.</span>
|
|
<span class="c"> * @method getTotalPages</span>
|
|
<span class="c"> * @return {number}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getTotalPages</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">records</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">perPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">);</span>
|
|
|
|
<span class="c">// rowsPerPage not set. Can't calculate</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(!</span><span class="nx">perPage</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">records</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">ceil</span><span class="o">(</span><span class="nx">records</span><span class="o">/</span><span class="nx">perPage</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Does the requested page have any records?</span>
|
|
<span class="c"> * @method hasPage</span>
|
|
<span class="c"> * @param page {number} the page in question</span>
|
|
<span class="c"> * @return {boolean}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">hasPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">page</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">page</span><span class="o">)</span> <span class="o">||</span> <span class="nx">page</span> <span class="o"><</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">totalPages</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">();</span>
|
|
|
|
<span class="k">return</span> <span class="o">(</span><span class="nx">totalPages</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span> <span class="o">||</span> <span class="nx">totalPages</span> <span class="o">>=</span> <span class="nx">page</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the page number corresponding to the current record offset.</span>
|
|
<span class="c"> * @method getCurrentPage</span>
|
|
<span class="c"> * @return {number}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getCurrentPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">perPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">perPage</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">floor</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">)</span> <span class="o">/</span> <span class="nx">perPage</span><span class="o">)</span> <span class="o">+</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Are there records on the next page?</span>
|
|
<span class="c"> * @method hasNextPage</span>
|
|
<span class="c"> * @return {boolean}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">hasNextPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">currentPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">(),</span>
|
|
<span class="nx">totalPages</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">currentPage</span> <span class="o">===</span> <span class="kc">null</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="o">(</span><span class="nx">totalPages</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span> <span class="o">?</span> <span class="kc">true</span> <span class="o">:</span> <span class="nx">currentPage</span> <span class="o"><</span> <span class="nx">totalPages</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the page number of the next page, or null if the current page is the</span>
|
|
<span class="c"> * last page.</span>
|
|
<span class="c"> * @method getNextPage</span>
|
|
<span class="c"> * @return {number}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getNextPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">hasNextPage</span><span class="o">()</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">+</span> <span class="m">1</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Is there a page before the current page?</span>
|
|
<span class="c"> * @method hasPreviousPage</span>
|
|
<span class="c"> * @return {boolean}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">hasPreviousPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">></span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the page number of the previous page, or null if the current page</span>
|
|
<span class="c"> * is the first page.</span>
|
|
<span class="c"> * @method getPreviousPage</span>
|
|
<span class="c"> * @return {number}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getPreviousPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">hasPreviousPage</span><span class="o">()</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">-</span> <span class="m">1</span> <span class="o">:</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the start and end record indexes of the specified page.</span>
|
|
<span class="c"> * @method getPageRecords</span>
|
|
<span class="c"> * @param page {number} (optional) The page (current page if not specified)</span>
|
|
<span class="c"> * @return {Array} [start_index, end_index]</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getPageRecords</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">page</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">page</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">page</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">perPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">),</span>
|
|
<span class="nx">records</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">),</span>
|
|
<span class="nx">start</span><span class="o">,</span> <span class="nx">end</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">perPage</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">start</span> <span class="o">=</span> <span class="o">(</span><span class="nx">page</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">*</span> <span class="nx">perPage</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">records</span> <span class="o">!==</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">start</span> <span class="o">>=</span> <span class="nx">records</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">end</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">start</span> <span class="o">+</span> <span class="nx">perPage</span><span class="o">,</span> <span class="nx">records</span><span class="o">)</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">end</span> <span class="o">=</span> <span class="nx">start</span> <span class="o">+</span> <span class="nx">perPage</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="o">[</span><span class="nx">start</span><span class="o">,</span><span class="nx">end</span><span class="o">];</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the current page to the provided page number if possible.</span>
|
|
<span class="c"> * @method setPage</span>
|
|
<span class="c"> * @param newPage {number} the new page number</span>
|
|
<span class="c"> * @param silent {boolean} whether to forcibly avoid firing the</span>
|
|
<span class="c"> * changeRequest event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">setPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">page</span><span class="o">,</span><span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">hasPage</span><span class="o">(</span><span class="nx">page</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">page</span> <span class="o">!==</span> <span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">())</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'updateOnChange'</span><span class="o">)</span> <span class="o">||</span> <span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">,</span> <span class="o">(</span><span class="nx">page</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">*</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">));</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="s1">'changeRequest'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">getState</span><span class="o">({</span><span class="s1">'page'</span><span class="o">:</span><span class="nx">page</span><span class="o">}));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the number of rows per page.</span>
|
|
<span class="c"> * @method getRowsPerPage</span>
|
|
<span class="c"> * @return {number} the current setting of the rowsPerPage attribute</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getRowsPerPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the number of rows per page.</span>
|
|
<span class="c"> * @method setRowsPerPage</span>
|
|
<span class="c"> * @param rpp {number} the new number of rows per page</span>
|
|
<span class="c"> * @param silent {boolean} whether to forcibly avoid firing the</span>
|
|
<span class="c"> * changeRequest event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">setRowsPerPage</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">rpp</span><span class="o">,</span><span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">rpp</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">rpp</span> <span class="o">></span> <span class="m">0</span> <span class="o">&&</span>
|
|
<span class="nx">rpp</span> <span class="o">!==</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'updateOnChange'</span><span class="o">)</span> <span class="o">||</span> <span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">,</span><span class="nx">rpp</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="s1">'changeRequest'</span><span class="o">,</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">getState</span><span class="o">({</span><span class="s1">'rowsPerPage'</span><span class="o">:</span><span class="nx">rpp</span><span class="o">}));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the total number of records.</span>
|
|
<span class="c"> * @method getTotalRecords</span>
|
|
<span class="c"> * @return {number} the current setting of totalRecords attribute</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getTotalRecords</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the total number of records.</span>
|
|
<span class="c"> * @method setTotalRecords</span>
|
|
<span class="c"> * @param total {number} the new total number of records</span>
|
|
<span class="c"> * @param silent {boolean} whether to forcibly avoid firing the changeRequest event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">setTotalRecords</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">total</span><span class="o">,</span><span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">total</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">total</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span>
|
|
<span class="nx">total</span> <span class="o">!==</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'updateOnChange'</span><span class="o">)</span> <span class="o">||</span> <span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">,</span><span class="nx">total</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="s1">'changeRequest'</span><span class="o">,</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">getState</span><span class="o">({</span><span class="s1">'totalRecords'</span><span class="o">:</span><span class="nx">total</span><span class="o">}));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the index of the first record on the current page</span>
|
|
<span class="c"> * @method getStartIndex</span>
|
|
<span class="c"> * @return {number} the index of the first record on the current page</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getStartIndex</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Move the record offset to a new starting index. This will likely cause</span>
|
|
<span class="c"> * the calculated current page to change. You should probably use setPage.</span>
|
|
<span class="c"> * @method setStartIndex</span>
|
|
<span class="c"> * @param offset {number} the new record offset</span>
|
|
<span class="c"> * @param silent {boolean} whether to forcibly avoid firing the changeRequest event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">setStartIndex</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">offset</span><span class="o">,</span><span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">offset</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">offset</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span>
|
|
<span class="nx">offset</span> <span class="o">!==</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'updateOnChange'</span><span class="o">)</span> <span class="o">||</span> <span class="nx">silent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">,</span><span class="nx">offset</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="s1">'changeRequest'</span><span class="o">,</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">getState</span><span class="o">({</span><span class="s1">'recordOffset'</span><span class="o">:</span><span class="nx">offset</span><span class="o">}));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get an object literal describing the current state of the paginator. If</span>
|
|
<span class="c"> * an object literal of proposed values is passed, the proposed state will</span>
|
|
<span class="c"> * be returned as an object literal with the following keys:</span>
|
|
<span class="c"> * <ul></span>
|
|
<span class="c"> * <li>paginator - instance of the Paginator</li></span>
|
|
<span class="c"> * <li>page - number</li></span>
|
|
<span class="c"> * <li>totalRecords - number</li></span>
|
|
<span class="c"> * <li>recordOffset - number</li></span>
|
|
<span class="c"> * <li>rowsPerPage - number</li></span>
|
|
<span class="c"> * <li>records - [ start_index, end_index ]</li></span>
|
|
<span class="c"> * <li>before - (OPTIONAL) { state object literal for current state }</li></span>
|
|
<span class="c"> * </ul></span>
|
|
<span class="c"> * @method getState</span>
|
|
<span class="c"> * @return {object}</span>
|
|
<span class="c"> * @param changes {object} OPTIONAL object literal with proposed values</span>
|
|
<span class="c"> * Supported change keys include:</span>
|
|
<span class="c"> * <ul></span>
|
|
<span class="c"> * <li>rowsPerPage</li></span>
|
|
<span class="c"> * <li>totalRecords</li></span>
|
|
<span class="c"> * <li>recordOffset OR</li></span>
|
|
<span class="c"> * <li>page</li></span>
|
|
<span class="c"> * </ul></span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getState</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">changes</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">UNLIMITED</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">,</span>
|
|
<span class="nx">L</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">currentState</span> <span class="o">=</span> <span class="o">{</span>
|
|
<span class="nx">paginator</span> <span class="o">:</span> <span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">page</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">(),</span>
|
|
<span class="nx">totalRecords</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">),</span>
|
|
<span class="nx">recordOffset</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">),</span>
|
|
<span class="nx">rowsPerPage</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">),</span>
|
|
<span class="nx">records</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">getPageRecords</span><span class="o">()</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">changes</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">currentState</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">newOffset</span> <span class="o">=</span> <span class="nx">currentState</span><span class="o">.</span><span class="nx">recordOffset</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">state</span> <span class="o">=</span> <span class="o">{</span>
|
|
<span class="nx">paginator</span> <span class="o">:</span> <span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">before</span> <span class="o">:</span> <span class="nx">currentState</span><span class="o">,</span>
|
|
|
|
<span class="nx">rowsPerPage</span> <span class="o">:</span> <span class="nx">changes</span><span class="o">.</span><span class="nx">rowsPerPage</span> <span class="o">||</span> <span class="nx">currentState</span><span class="o">.</span><span class="nx">rowsPerPage</span><span class="o">,</span>
|
|
<span class="nx">totalRecords</span> <span class="o">:</span> <span class="o">(</span><span class="nx">L</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">changes</span><span class="o">.</span><span class="nx">totalRecords</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="nb">Math</span><span class="o">.</span><span class="nx">max</span><span class="o">(</span><span class="nx">changes</span><span class="o">.</span><span class="nx">totalRecords</span><span class="o">,</span><span class="nx">UNLIMITED</span><span class="o">)</span> <span class="o">:</span>
|
|
<span class="nx">currentState</span><span class="o">.</span><span class="nx">totalRecords</span><span class="o">)</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">newOffset</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">page</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">L</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">changes</span><span class="o">.</span><span class="nx">recordOffset</span><span class="o">)</span> <span class="o">&&</span>
|
|
<span class="nx">L</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">changes</span><span class="o">.</span><span class="nx">page</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">newOffset</span> <span class="o">=</span> <span class="o">(</span><span class="nx">changes</span><span class="o">.</span><span class="nx">page</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">*</span> <span class="nx">state</span><span class="o">.</span><span class="nx">rowsPerPage</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">===</span> <span class="nx">UNLIMITED</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">page</span> <span class="o">=</span> <span class="nx">changes</span><span class="o">.</span><span class="nx">page</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// Limit values by totalRecords and rowsPerPage</span>
|
|
<span class="c"></span> <span class="nx">state</span><span class="o">.</span><span class="nx">page</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span>
|
|
<span class="nx">changes</span><span class="o">.</span><span class="nx">page</span><span class="o">,</span>
|
|
<span class="nb">Math</span><span class="o">.</span><span class="nx">ceil</span><span class="o">(</span><span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">/</span> <span class="nx">state</span><span class="o">.</span><span class="nx">rowsPerPage</span><span class="o">));</span>
|
|
<span class="nx">newOffset</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">newOffset</span><span class="o">,</span> <span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">-</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">newOffset</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">newOffset</span><span class="o">,</span><span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">-</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">page</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">floor</span><span class="o">(</span><span class="nx">newOffset</span><span class="o">/</span><span class="nx">state</span><span class="o">.</span><span class="nx">rowsPerPage</span><span class="o">)</span> <span class="o">+</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Jump offset to top of page</span>
|
|
<span class="c"></span> <span class="nx">state</span><span class="o">.</span><span class="nx">recordOffset</span> <span class="o">=</span> <span class="nx">state</span><span class="o">.</span><span class="nx">recordOffset</span> <span class="o">||</span>
|
|
<span class="nx">newOffset</span> <span class="o">-</span> <span class="o">(</span><span class="nx">newOffset</span> <span class="o">%</span> <span class="nx">state</span><span class="o">.</span><span class="nx">rowsPerPage</span><span class="o">);</span>
|
|
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">records</span> <span class="o">=</span> <span class="o">[</span> <span class="nx">state</span><span class="o">.</span><span class="nx">recordOffset</span><span class="o">,</span>
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">recordOffset</span> <span class="o">+</span> <span class="nx">state</span><span class="o">.</span><span class="nx">rowsPerPage</span> <span class="o">-</span> <span class="m">1</span> <span class="o">];</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">!==</span> <span class="nx">UNLIMITED</span> <span class="o">&&</span>
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">recordOffset</span> <span class="o"><</span> <span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">&&</span>
|
|
<span class="nx">state</span><span class="o">.</span><span class="nx">records</span><span class="o">[</span><span class="m">1</span><span class="o">]</span> <span class="o">></span> <span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// limit upper index to totalRecords - 1</span>
|
|
<span class="c"></span> <span class="nx">state</span><span class="o">.</span><span class="nx">records</span><span class="o">[</span><span class="m">1</span><span class="o">]</span> <span class="o">=</span> <span class="nx">state</span><span class="o">.</span><span class="nx">totalRecords</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">state</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">augmentProto</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">,</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">AttributeProvider</span><span class="o">);</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span class="c">// UI Components</span>
|
|
<span class="c"></span>
|
|
<span class="o">(</span><span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="c">// UI Component namespace</span>
|
|
<span class="c"></span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">.</span><span class="nx">ui</span> <span class="o">=</span> <span class="o">{};</span>
|
|
|
|
<span class="k">var</span> <span class="nx">Paginator</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Paginator</span><span class="o">,</span>
|
|
<span class="nx">ui</span> <span class="o">=</span> <span class="nx">Paginator</span><span class="o">.</span><span class="nx">ui</span><span class="o">,</span>
|
|
<span class="nx">l</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the link to jump to the first page.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class FirstPageLink</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">FirstPageLink</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'firstPageLinkLabelChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'firstPageLinkClassChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">destroy</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// TODO: make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'firstPageLinkLabelChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'firstPageLinkClassChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param p {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">FirstPageLink</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Used as innerHTML for the first page link/span.</span>
|
|
<span class="c"> * @attribute firstPageLinkLabel</span>
|
|
<span class="c"> * @default '&lt;&lt;&nbsp;first'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'firstPageLinkLabel'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'&lt;&lt;&nbsp;first'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the link/span</span>
|
|
<span class="c"> * @attribute firstPageLinkClass</span>
|
|
<span class="c"> * @default 'yui-pg-first'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'firstPageLinkClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-first'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">// Instance members and methods</span>
|
|
<span class="c"></span><span class="nx">ui</span><span class="o">.</span><span class="nx">FirstPageLink</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The currently placed HTMLElement node</span>
|
|
<span class="c"> * @property current</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">current</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Link node</span>
|
|
<span class="c"> * @property link</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">link</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Span node (inactive link)</span>
|
|
<span class="c"> * @property span</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">span</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the nodes and return the appropriate node given the current</span>
|
|
<span class="c"> * pagination state.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">,</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'firstPageLinkClass'</span><span class="o">),</span>
|
|
<span class="k">label</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'firstPageLinkLabel'</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'a'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'span'</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-first-link'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">href</span> <span class="o">=</span> <span class="s1">'#'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="s1">'click'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">onClick</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-first-span'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">)</span> <span class="o"><</span> <span class="m">1</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Swap the link and span nodes if appropriate.</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">par</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">.</span><span class="nx">parentNode</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">)</span> <span class="o"><</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">===</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">===</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes the onClick listener from the link in preparation for content</span>
|
|
<span class="c"> * removal.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Listener for the link's onclick event. Pass new value to setPage method.</span>
|
|
<span class="c"> * @method onClick</span>
|
|
<span class="c"> * @param e {DOMEvent} The click event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">onClick</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">setPage</span><span class="o">(</span><span class="m">1</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the link to jump to the last page.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class LastPageLink</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">LastPageLink</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'lastPageLinkLabelChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'lastPageLinkClassChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'totalRecordsChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">destroy</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// TODO: make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'lastPageLinkLabelChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'lastPageLinkClassChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param paginator {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">LastPageLink</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Used as innerHTML for the last page link/span.</span>
|
|
<span class="c"> * @attribute lastPageLinkLabel</span>
|
|
<span class="c"> * @default 'last&nbsp;&gt;&gt;'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'lastPageLinkLabel'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'last&nbsp;&gt;&gt;'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the link/span</span>
|
|
<span class="c"> * @attribute lastPageLinkClass</span>
|
|
<span class="c"> * @default 'yui-pg-last'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'lastPageLinkClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-last'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">LastPageLink</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Currently placed HTMLElement node</span>
|
|
<span class="c"> * @property current</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">current</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Link HTMLElement node</span>
|
|
<span class="c"> * @property link</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">link</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Span node (inactive link)</span>
|
|
<span class="c"> * @property span</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">span</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Empty place holder node for when the last page link is inappropriate to</span>
|
|
<span class="c"> * display in any form (unlimited paging).</span>
|
|
<span class="c"> * @property na</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">na</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the nodes and return the appropriate node given the current</span>
|
|
<span class="c"> * pagination state.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">,</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'lastPageLinkClass'</span><span class="o">),</span>
|
|
<span class="k">label</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'lastPageLinkLabel'</span><span class="o">),</span>
|
|
<span class="nx">last</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'a'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'span'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">na</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">cloneNode</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-last-link'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">href</span> <span class="o">=</span> <span class="s1">'#'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="s1">'click'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">onClick</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-last-span'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">na</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-last-na'</span><span class="o">;</span>
|
|
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="nx">last</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span> <span class="o">:</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">na</span><span class="o">;</span> <span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="nx">p</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">:</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">;</span> <span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">default</span> <span class="o">:</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Swap the link, span, and na nodes if appropriate.</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event (ignored)</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">par</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">.</span><span class="nx">parentNode</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
<span class="nx">after</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">())</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span> <span class="o">:</span>
|
|
<span class="nx">after</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">na</span><span class="o">;</span> <span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">:</span>
|
|
<span class="nx">after</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">;</span> <span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">!==</span> <span class="nx">after</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="nx">after</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="nx">after</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes the onClick listener from the link in preparation for content</span>
|
|
<span class="c"> * removal.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Listener for the link's onclick event. Passes to setPage method.</span>
|
|
<span class="c"> * @method onClick</span>
|
|
<span class="c"> * @param e {DOMEvent} The click event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">onClick</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">setPage</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the link to jump to the previous page.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class PreviousPageLink</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PreviousPageLink</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'previousPageLinkLabelChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'previousPageLinkClassChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">destroy</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// TODO: make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'previousPageLinkLabelChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'previousPageLinkClassChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param p {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PreviousPageLink</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Used as innerHTML for the previous page link/span.</span>
|
|
<span class="c"> * @attribute previousPageLinkLabel</span>
|
|
<span class="c"> * @default '&lt;&nbsp;prev'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'previousPageLinkLabel'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'&lt;&nbsp;prev'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the link/span</span>
|
|
<span class="c"> * @attribute previousPageLinkClass</span>
|
|
<span class="c"> * @default 'yui-pg-previous'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'previousPageLinkClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-previous'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PreviousPageLink</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Currently placed HTMLElement node</span>
|
|
<span class="c"> * @property current</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">current</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Link node</span>
|
|
<span class="c"> * @property link</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">link</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Span node (inactive link)</span>
|
|
<span class="c"> * @property span</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">span</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the nodes and return the appropriate node given the current</span>
|
|
<span class="c"> * pagination state.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">,</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'previousPageLinkClass'</span><span class="o">),</span>
|
|
<span class="k">label</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'previousPageLinkLabel'</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'a'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'span'</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-prev-link'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">href</span> <span class="o">=</span> <span class="s1">'#'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="s1">'click'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">onClick</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-prev-span'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">)</span> <span class="o"><</span> <span class="m">1</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Swap the link and span nodes if appropriate.</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">par</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">.</span><span class="nx">parentNode</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'recordOffset'</span><span class="o">)</span> <span class="o"><</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">===</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">===</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes the onClick listener from the link in preparation for content</span>
|
|
<span class="c"> * removal.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Listener for the link's onclick event. Passes to setPage method.</span>
|
|
<span class="c"> * @method onClick</span>
|
|
<span class="c"> * @param e {DOMEvent} The click event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">onClick</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">setPage</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getPreviousPage</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the link to jump to the next page.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class NextPageLink</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">NextPageLink</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'nextPageLinkLabelChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'nextPageLinkClassChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'totalRecordsChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">destroy</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// TODO: make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'nextPageLinkLabelChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'nextPageLinkClassChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param p {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">NextPageLink</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Used as innerHTML for the next page link/span.</span>
|
|
<span class="c"> * @attribute nextPageLinkLabel</span>
|
|
<span class="c"> * @default 'next&nbsp;&gt;'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'nextPageLinkLabel'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'next&nbsp;&gt;'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the link/span</span>
|
|
<span class="c"> * @attribute nextPageLinkClass</span>
|
|
<span class="c"> * @default 'yui-pg-next'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'nextPageLinkClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-next'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">NextPageLink</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Currently placed HTMLElement node</span>
|
|
<span class="c"> * @property current</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">current</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Link node</span>
|
|
<span class="c"> * @property link</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">link</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Span node (inactive link)</span>
|
|
<span class="c"> * @property span</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">span</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the nodes and return the appropriate node given the current</span>
|
|
<span class="c"> * pagination state.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">,</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'nextPageLinkClass'</span><span class="o">),</span>
|
|
<span class="k">label</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'nextPageLinkLabel'</span><span class="o">),</span>
|
|
<span class="nx">last</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'a'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'span'</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-next-link'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">href</span> <span class="o">=</span> <span class="s1">'#'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="s1">'click'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">onClick</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-next-span'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">c</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">label</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">===</span> <span class="nx">last</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Swap the link and span nodes if appropriate.</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">last</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">(),</span>
|
|
<span class="nx">par</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">.</span><span class="nx">parentNode</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">()</span> <span class="o">!==</span> <span class="nx">last</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">===</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">===</span> <span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">par</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">par</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes the onClick listener from the link in preparation for content</span>
|
|
<span class="c"> * removal.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">link</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Listener for the link's onclick event. Passes to setPage method.</span>
|
|
<span class="c"> * @method onClick</span>
|
|
<span class="c"> * @param e {DOMEvent} The click event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">onClick</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">setPage</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">getNextPage</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the page links</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class PageLinks</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PageLinks</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'pageLinkClassChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'currentPageClassChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'pageLinksContainerClassChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'pageLinksChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'pageLinksChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'totalRecordsChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'pageLinkClassChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'currentPageClassChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">destroy</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">//TODO: Make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'pageLinksContainerClassChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param p {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PageLinks</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to each page link/span.</span>
|
|
<span class="c"> * @attribute pageLinkClass</span>
|
|
<span class="c"> * @default 'yui-pg-page'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageLinkClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-page'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the current page span.</span>
|
|
<span class="c"> * @attribute currentPageClass</span>
|
|
<span class="c"> * @default 'yui-pg-current-page'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'currentPageClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-current-page'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the span containing the page links.</span>
|
|
<span class="c"> * @attribute pageLinksContainerClass</span>
|
|
<span class="c"> * @default 'yui-pg-pages'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageLinksContainerClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-pages'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Maximum number of page links to display at one time.</span>
|
|
<span class="c"> * @attribute pageLinks</span>
|
|
<span class="c"> * @default 10</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageLinks'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="m">10</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isNumber</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Function used generate the innerHTML for each page link/span. The</span>
|
|
<span class="c"> * function receives as parameters the page number and a reference to the</span>
|
|
<span class="c"> * paginator object.</span>
|
|
<span class="c"> * @attribute pageLabelBuilder</span>
|
|
<span class="c"> * @default function (page, paginator) { return page; }</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageLabelBuilder'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">page</span><span class="o">,</span> <span class="nx">paginator</span><span class="o">)</span> <span class="o">{</span> <span class="k">return</span> <span class="nx">page</span><span class="o">;</span> <span class="o">},</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isFunction</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Calculates start and end page numbers given a current page, attempting</span>
|
|
<span class="c"> * to keep the current page in the middle</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @method calculateRange</span>
|
|
<span class="c"> * @param {int} currentPage The current page</span>
|
|
<span class="c"> * @param {int} totalPages (optional) Maximum number of pages</span>
|
|
<span class="c"> * @param {int} numPages (optional) Preferred number of pages in range</span>
|
|
<span class="c"> * @return {Array} [start_page_number, end_page_number]</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PageLinks</span><span class="o">.</span><span class="nx">calculateRange</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">currentPage</span><span class="o">,</span><span class="nx">totalPages</span><span class="o">,</span><span class="nx">numPages</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">UNLIMITED</span> <span class="o">=</span> <span class="nx">Paginator</span><span class="o">.</span><span class="nx">VALUE_UNLIMITED</span><span class="o">,</span>
|
|
<span class="nx">start</span><span class="o">,</span> <span class="nx">end</span><span class="o">,</span> <span class="nx">delta</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">currentPage</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Either has no pages, or unlimited pages. Show none.</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="nx">numPages</span> <span class="o">===</span> <span class="m">0</span> <span class="o">||</span> <span class="nx">totalPages</span> <span class="o">===</span> <span class="m">0</span> <span class="o">||</span>
|
|
<span class="o">(</span><span class="nx">totalPages</span> <span class="o">===</span> <span class="nx">UNLIMITED</span> <span class="o">&&</span> <span class="nx">numPages</span> <span class="o">===</span> <span class="nx">UNLIMITED</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="o">[</span><span class="m">0</span><span class="o">,-</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Limit requested pageLinks if there are fewer totalPages</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="nx">totalPages</span> <span class="o">!==</span> <span class="nx">UNLIMITED</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">numPages</span> <span class="o">=</span> <span class="nx">numPages</span> <span class="o">===</span> <span class="nx">UNLIMITED</span> <span class="o">?</span>
|
|
<span class="nx">totalPages</span> <span class="o">:</span>
|
|
<span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">numPages</span><span class="o">,</span><span class="nx">totalPages</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Determine start and end, trying to keep current in the middle</span>
|
|
<span class="c"></span> <span class="nx">start</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">max</span><span class="o">(</span><span class="m">1</span><span class="o">,</span><span class="nb">Math</span><span class="o">.</span><span class="nx">ceil</span><span class="o">(</span><span class="nx">currentPage</span> <span class="o">-</span> <span class="o">(</span><span class="nx">numPages</span><span class="o">/</span><span class="m">2</span><span class="o">)));</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">totalPages</span> <span class="o">===</span> <span class="nx">UNLIMITED</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">end</span> <span class="o">=</span> <span class="nx">start</span> <span class="o">+</span> <span class="nx">numPages</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">end</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">totalPages</span><span class="o">,</span> <span class="nx">start</span> <span class="o">+</span> <span class="nx">numPages</span> <span class="o">-</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Adjust the start index when approaching the last page</span>
|
|
<span class="c"></span> <span class="nx">delta</span> <span class="o">=</span> <span class="nx">numPages</span> <span class="o">-</span> <span class="o">(</span><span class="nx">end</span> <span class="o">-</span> <span class="nx">start</span> <span class="o">+</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="nx">start</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">max</span><span class="o">(</span><span class="m">1</span><span class="o">,</span> <span class="nx">start</span> <span class="o">-</span> <span class="nx">delta</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="o">[</span><span class="nx">start</span><span class="o">,</span><span class="nx">end</span><span class="o">];</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">PageLinks</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Current page</span>
|
|
<span class="c"> * @property current</span>
|
|
<span class="c"> * @type number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">current</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Span node containing the page links</span>
|
|
<span class="c"> * @property container</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">container</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the nodes and return the container node containing page links</span>
|
|
<span class="c"> * appropriate to the current pagination state.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">;</span>
|
|
|
|
<span class="c">// Set up container</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">container</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'span'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-pages'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageLinksContainerClass'</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">,</span><span class="s1">'click'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">onClick</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// Call update, flagging a need to rebuild</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">({</span><span class="nx">newValue</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span> <span class="nx">rebuild</span> <span class="o">:</span> <span class="kc">true</span><span class="o">});</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Update the links if appropriate</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">,</span>
|
|
<span class="nx">currentPage</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">();</span>
|
|
|
|
<span class="c">// Replace content if there's been a change</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">current</span> <span class="o">!==</span> <span class="nx">currentPage</span> <span class="o">||</span> <span class="nx">e</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">labelBuilder</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageLabelBuilder'</span><span class="o">),</span>
|
|
<span class="nx">range</span> <span class="o">=</span> <span class="nx">ui</span><span class="o">.</span><span class="nx">PageLinks</span><span class="o">.</span><span class="nx">calculateRange</span><span class="o">(</span>
|
|
<span class="nx">currentPage</span><span class="o">,</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">(),</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageLinks'</span><span class="o">)),</span>
|
|
<span class="nx">start</span> <span class="o">=</span> <span class="nx">range</span><span class="o">[</span><span class="m">0</span><span class="o">],</span>
|
|
<span class="nx">end</span> <span class="o">=</span> <span class="nx">range</span><span class="o">[</span><span class="m">1</span><span class="o">],</span>
|
|
<span class="nx">content</span> <span class="o">=</span> <span class="s1">''</span><span class="o">,</span>
|
|
<span class="nx">linkTemplate</span><span class="o">,</span><span class="nx">i</span><span class="o">;</span>
|
|
|
|
<span class="nx">linkTemplate</span> <span class="o">=</span> <span class="s1">'<a href="#" class="'</span> <span class="o">+</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageLinkClass'</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="s1">'" page="'</span><span class="o">;</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="nx">start</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><=</span> <span class="nx">end</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">i</span> <span class="o">===</span> <span class="nx">currentPage</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">content</span> <span class="o">+=</span>
|
|
<span class="s1">'<span class="'</span> <span class="o">+</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'currentPageClass'</span><span class="o">)</span> <span class="o">+</span> <span class="s1">' '</span> <span class="o">+</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageLinkClass'</span><span class="o">)</span> <span class="o">+</span> <span class="s1">'">'</span> <span class="o">+</span>
|
|
<span class="nx">labelBuilder</span><span class="o">(</span><span class="nx">i</span><span class="o">,</span><span class="nx">p</span><span class="o">)</span> <span class="o">+</span> <span class="s1">'</span>'</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">content</span> <span class="o">+=</span>
|
|
<span class="nx">linkTemplate</span> <span class="o">+</span> <span class="nx">i</span> <span class="o">+</span> <span class="s1">'">'</span> <span class="o">+</span> <span class="nx">labelBuilder</span><span class="o">(</span><span class="nx">i</span><span class="o">,</span><span class="nx">p</span><span class="o">)</span> <span class="o">+</span> <span class="s1">'</a>'</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">content</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Force a rebuild of the page links.</span>
|
|
<span class="c"> * @method rebuild</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">rebuild</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">e</span><span class="o">.</span><span class="nx">rebuild</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes the onClick listener from the container in preparation for</span>
|
|
<span class="c"> * content removal.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Listener for the container's onclick event. Looks for qualifying link</span>
|
|
<span class="c"> * clicks, and pulls the page number from the link's page attribute.</span>
|
|
<span class="c"> * Sends link's page attribute to the Paginator's setPage method.</span>
|
|
<span class="c"> * @method onClick</span>
|
|
<span class="c"> * @param e {DOMEvent} The click event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">onClick</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">t</span> <span class="o">&&</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">hasClass</span><span class="o">(</span><span class="nx">t</span><span class="o">,</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageLinkClass'</span><span class="o">)))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">e</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">setPage</span><span class="o">(</span><span class="nb">parseInt</span><span class="o">(</span><span class="nx">t</span><span class="o">.</span><span class="nx">getAttribute</span><span class="o">(</span><span class="s1">'page'</span><span class="o">),</span><span class="m">10</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the rows-per-page dropdown</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class RowsPerPageDropdown</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">RowsPerPageDropdown</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'rowsPerPageOptionsChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'rowsPerPageDropdownClassChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageOptionsChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'beforeDestroy'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">destroy</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// TODO: make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageDropdownClassChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param p {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">RowsPerPageDropdown</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Array of available rows-per-page sizes. Converted into select options.</span>
|
|
<span class="c"> * Array values may be positive integers or object literals in the form<br></span>
|
|
<span class="c"> * { value : NUMBER, text : STRING }</span>
|
|
<span class="c"> * @attribute rowsPerPageOptions</span>
|
|
<span class="c"> * @default []</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'rowsPerPageOptions'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="o">[],</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isArray</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the select node</span>
|
|
<span class="c"> * @attribute rowsPerPageDropdownClass</span>
|
|
<span class="c"> * @default 'yui-pg-rpp-options'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'rowsPerPageDropdownClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-rpp-options'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">RowsPerPageDropdown</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * select node</span>
|
|
<span class="c"> * @property select</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">select</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the select and option nodes and returns the select node.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">select</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'select'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-rpp'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPageDropdownClass'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">.</span><span class="nx">title</span> <span class="o">=</span> <span class="s1">'Rows per page'</span><span class="o">;</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">,</span><span class="s1">'change'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">onChange</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">rebuild</span><span class="o">();</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Select the appropriate option if changed.</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">rpp</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPage'</span><span class="o">),</span>
|
|
<span class="nx">options</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">.</span><span class="nx">options</span><span class="o">,</span>
|
|
<span class="nx">i</span><span class="o">,</span><span class="nx">len</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="nx">options</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nb">parseInt</span><span class="o">(</span><span class="nx">options</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">value</span><span class="o">,</span><span class="m">10</span><span class="o">)</span> <span class="o">===</span> <span class="nx">rpp</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">options</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">selected</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * (Re)generate the select options.</span>
|
|
<span class="c"> * @method rebuild</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">rebuild</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">p</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">,</span>
|
|
<span class="nx">sel</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">,</span>
|
|
<span class="nx">options</span> <span class="o">=</span> <span class="nx">p</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'rowsPerPageOptions'</span><span class="o">),</span>
|
|
<span class="nx">opt_tem</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'option'</span><span class="o">),</span>
|
|
<span class="nx">i</span><span class="o">,</span><span class="nx">len</span><span class="o">;</span>
|
|
|
|
<span class="k">while</span> <span class="o">(</span><span class="nx">sel</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">sel</span><span class="o">.</span><span class="nx">removeChild</span><span class="o">(</span><span class="nx">sel</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">len</span> <span class="o">=</span> <span class="nx">options</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">len</span><span class="o">;</span> <span class="o">++</span><span class="nx">i</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">node</span> <span class="o">=</span> <span class="nx">opt_tem</span><span class="o">.</span><span class="nx">cloneNode</span><span class="o">(</span><span class="kc">false</span><span class="o">),</span>
|
|
<span class="nx">opt</span> <span class="o">=</span> <span class="nx">options</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
<span class="nx">node</span><span class="o">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isValue</span><span class="o">(</span><span class="nx">opt</span><span class="o">.</span><span class="nx">value</span><span class="o">)</span> <span class="o">?</span> <span class="nx">opt</span><span class="o">.</span><span class="nx">value</span> <span class="o">:</span> <span class="nx">opt</span><span class="o">;</span>
|
|
<span class="nx">node</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isValue</span><span class="o">(</span><span class="nx">opt</span><span class="o">.</span><span class="nx">text</span><span class="o">)</span> <span class="o">?</span> <span class="nx">opt</span><span class="o">.</span><span class="nx">text</span> <span class="o">:</span> <span class="nx">opt</span><span class="o">;</span>
|
|
<span class="nx">sel</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">node</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">();</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Removes the onChange listener from the select in preparation for content</span>
|
|
<span class="c"> * removal.</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">destroy</span> <span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Listener for the select's onchange event. Sent to setRowsPerPage method.</span>
|
|
<span class="c"> * @method onChange</span>
|
|
<span class="c"> * @param e {DOMEvent} The change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">onChange</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">setRowsPerPage</span><span class="o">(</span>
|
|
<span class="nb">parseInt</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">.</span><span class="nx">options</span><span class="o">[</span><span class="k">this</span><span class="o">.</span><span class="nx">select</span><span class="o">.</span><span class="nx">selectedIndex</span><span class="o">].</span><span class="nx">value</span><span class="o">,</span><span class="m">10</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * ui Component to generate the textual report of current pagination status.</span>
|
|
<span class="c"> * E.g. "Now viewing page 1 of 13".</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @namespace YAHOO.widget.Paginator.ui</span>
|
|
<span class="c"> * @class CurrentPageReport</span>
|
|
<span class="c"> * @for YAHOO.widget.Paginator</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param p {Pagintor} Paginator instance to attach to</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">CurrentPageReport</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span> <span class="o">=</span> <span class="nx">p</span><span class="o">;</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'pageReportClassChange'</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">createEvent</span><span class="o">(</span><span class="s1">'pageReportTemplateChange'</span><span class="o">);</span>
|
|
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'recordOffsetChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'totalRecordsChange'</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'rowsPerPageChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'pageReportTemplateChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">//TODO: make this work</span>
|
|
<span class="c"></span> <span class="nx">p</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="s1">'pageReportClassChange'</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">,</span><span class="k">this</span><span class="o">,</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Decorates Paginator instances with new attributes. Called during</span>
|
|
<span class="c"> * Paginator instantiation.</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @param p {Paginator} Paginator instance to decorate</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">CurrentPageReport</span><span class="o">.</span><span class="nx">init</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">p</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * CSS class assigned to the span containing the info.</span>
|
|
<span class="c"> * @attribute pageReportClass</span>
|
|
<span class="c"> * @default 'yui-pg-current'</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageReportClass'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'yui-pg-current'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Used as innerHTML for the span. Place holders in the form of {name}</span>
|
|
<span class="c"> * will be replaced with the so named value from the key:value map</span>
|
|
<span class="c"> * generated by the function held in the pageReportValueGenerator attribute.</span>
|
|
<span class="c"> * @attribute pageReportTemplate</span>
|
|
<span class="c"> * @default '({currentPage} of {totalPages})'</span>
|
|
<span class="c"> * @see pageReportValueGenerator attribute</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageReportTemplate'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="s1">'({currentPage} of {totalPages})'</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isString</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Function to generate the value map used to populate the</span>
|
|
<span class="c"> * pageReportTemplate. The function is passed the Paginator instance as a</span>
|
|
<span class="c"> * parameter. The default function returns a map with the following keys:</span>
|
|
<span class="c"> * <ul></span>
|
|
<span class="c"> * <li>currentPage</li></span>
|
|
<span class="c"> * <li>totalPages</li></span>
|
|
<span class="c"> * <li>startIndex</li></span>
|
|
<span class="c"> * <li>endIndex</li></span>
|
|
<span class="c"> * <li>startRecord</li></span>
|
|
<span class="c"> * <li>endRecord</li></span>
|
|
<span class="c"> * <li>totalRecords</li></span>
|
|
<span class="c"> * </ul></span>
|
|
<span class="c"> * @attribute pageReportValueGenarator</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">p</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s1">'pageReportValueGenerator'</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">paginator</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">curPage</span> <span class="o">=</span> <span class="nx">paginator</span><span class="o">.</span><span class="nx">getCurrentPage</span><span class="o">(),</span>
|
|
<span class="nx">records</span> <span class="o">=</span> <span class="nx">paginator</span><span class="o">.</span><span class="nx">getPageRecords</span><span class="o">(</span><span class="nx">curPage</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="o">{</span>
|
|
<span class="s1">'currentPage'</span> <span class="o">:</span> <span class="nx">curPage</span><span class="o">,</span>
|
|
<span class="s1">'totalPages'</span> <span class="o">:</span> <span class="nx">paginator</span><span class="o">.</span><span class="nx">getTotalPages</span><span class="o">(),</span>
|
|
<span class="s1">'startIndex'</span> <span class="o">:</span> <span class="nx">records</span><span class="o">[</span><span class="m">0</span><span class="o">],</span>
|
|
<span class="s1">'endIndex'</span> <span class="o">:</span> <span class="nx">records</span><span class="o">[</span><span class="m">1</span><span class="o">],</span>
|
|
<span class="s1">'startRecord'</span> <span class="o">:</span> <span class="nx">records</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">+</span> <span class="m">1</span><span class="o">,</span>
|
|
<span class="s1">'endRecord'</span> <span class="o">:</span> <span class="nx">records</span><span class="o">[</span><span class="m">1</span><span class="o">]</span> <span class="o">+</span> <span class="m">1</span><span class="o">,</span>
|
|
<span class="s1">'totalRecords'</span><span class="o">:</span> <span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'totalRecords'</span><span class="o">)</span>
|
|
<span class="o">};</span>
|
|
<span class="o">},</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">l</span><span class="o">.</span><span class="nx">isFunction</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Replace place holders in a string with the named values found in an</span>
|
|
<span class="c"> * object literal.</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> * @method sprintf</span>
|
|
<span class="c"> * @param template {string} The content string containing place holders</span>
|
|
<span class="c"> * @param values {object} The key:value pairs used to replace the place holders</span>
|
|
<span class="c"> * @return {string}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">CurrentPageReport</span><span class="o">.</span><span class="nx">sprintf</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">template</span><span class="o">,</span> <span class="nx">values</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">template</span><span class="o">.</span><span class="nx">replace</span><span class="o">(</span><span class="sr">/{([\w\s\-]+)}/g</span><span class="o">,</span> <span class="k">function</span> <span class="o">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">key</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="o">(</span><span class="nx">key</span> <span class="k">in</span> <span class="nx">values</span><span class="o">)</span> <span class="o">?</span> <span class="nx">values</span><span class="o">[</span><span class="nx">key</span><span class="o">]</span> <span class="o">:</span> <span class="s1">''</span><span class="o">;</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">ui</span><span class="o">.</span><span class="nx">CurrentPageReport</span><span class="o">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Span node containing the formatted info</span>
|
|
<span class="c"> * @property span</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">span</span> <span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Generate the span containing info formatted per the pageReportTemplate</span>
|
|
<span class="c"> * attribute.</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @param id_base {string} used to create unique ids for generated nodes</span>
|
|
<span class="c"> * @return {HTMLElement}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id_base</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s1">'span'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">id</span> <span class="o">=</span> <span class="nx">id_base</span> <span class="o">+</span> <span class="s1">'-page-report'</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageReportClass'</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">update</span><span class="o">();</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Regenerate the content of the span if appropriate. Calls</span>
|
|
<span class="c"> * CurrentPageReport.sprintf with the value of the pageReportTemplate</span>
|
|
<span class="c"> * attribute and the value map returned from pageReportValueGenerator</span>
|
|
<span class="c"> * function.</span>
|
|
<span class="c"> * @method update</span>
|
|
<span class="c"> * @param e {CustomEvent} The calling change event</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">update</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">e</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">e</span> <span class="o">&&</span> <span class="nx">e</span><span class="o">.</span><span class="nx">prevValue</span> <span class="o">===</span> <span class="nx">e</span><span class="o">.</span><span class="nx">newValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">span</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">ui</span><span class="o">.</span><span class="nx">CurrentPageReport</span><span class="o">.</span><span class="nx">sprintf</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageReportTemplate'</span><span class="o">),</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s1">'pageReportValueGenerator'</span><span class="o">)(</span><span class="k">this</span><span class="o">.</span><span class="nx">paginator</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="o">})();</span>
|
|
</pre></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=""><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="selected"><a href="Paginator.js.html">Paginator.js</a></li>
|
|
<li class=""><a href="RecordSet.js.html">RecordSet.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2007 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|