20f8df1291
data tables are going to need some work yet, but the other stuff seems to be working 100%
434 lines
39 KiB
HTML
434 lines
39 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>API: paginator PageLinks.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>paginator <span class="subtitle">2.6.0</span></h3>
|
|
<p>
|
|
<a href="./index.html">Yahoo! UI Library</a>
|
|
> <a href="./module_paginator.html">paginator</a>
|
|
|
|
> PageLinks.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" /> <label for="showprivate">Show Private</label></span>
|
|
<span id="classopts"><input type="checkbox" name="showprotected" id="showprotected" /> <label for="showprotected">Show Protected</label></span>
|
|
<span id="classopts"><input type="checkbox" name="showdeprecated" id="showdeprecated" /> <label for="showdeprecated">Show Deprecated</label></span>
|
|
</form>
|
|
|
|
<div id="srcout">
|
|
<style>
|
|
#doc3 #classopts { display:none; }
|
|
</style>
|
|
<div class="highlight" ><pre><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">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">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 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">Paginator</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="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">'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">'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">'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">'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">'destroy'</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">Paginator</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">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">Paginator</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="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="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">currentPage</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">Paginator</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="m">0</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="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">Paginator</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 page links container node and clears event listeners</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="k">this</span><span class="o">.</span><span class="nx">container</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">.</span><span class="nx">removeChild</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="k">this</span><span class="o">.</span><span class="nx">container</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"> * 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="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_carousel.html">carousel</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=""><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="selected"><a href="module_paginator.html">paginator</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.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>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Files</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="CurrentPageReport.js.html">CurrentPageReport.js</a></li>
|
|
<li class=""><a href="FirstPageLink.js.html">FirstPageLink.js</a></li>
|
|
<li class=""><a href="LastPageLink.js.html">LastPageLink.js</a></li>
|
|
<li class=""><a href="NextPageLink.js.html">NextPageLink.js</a></li>
|
|
<li class="selected"><a href="PageLinks.js.html">PageLinks.js</a></li>
|
|
<li class=""><a href="Paginator.js.html">Paginator.js</a></li>
|
|
<li class=""><a href="PreviousPageLink.js.html">PreviousPageLink.js</a></li>
|
|
<li class=""><a href="RowsPerPageDropDown.js.html">RowsPerPageDropDown.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2008 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|