oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
webgui/www/extras/yui-ext/docs/overview-summary-PagedGridView.js.html
JT Smith 4f68a0933c added YUI and YUI-ext 
fixed the resizable text area with IE problem
fixed the ad space with IE problem
merged the 7.2.0 and 7.1.4 change logs
2006-11-07 23:15:57 +00:00

207 lines
10 KiB
HTML
Raw Blame History

<!doctype html public "-//W3C//DTD HTML 4.0 Frameset//EN""http://www.w3.org/TR/REC-html40/frameset.dtd">
<html>
<head>
<title>
Overview
</title>
<link rel ="stylesheet" type="text/css" href="stylesheet.css" title="Style">
<script>
function asd() {
parent.document.title="PagedGridView.js Overview";
}
</script>
</head>
<body bgcolor="white" onload="asd();" style="margin:15px;">
<center>
<h2>PagedGridView.js</h2>
</center>
<h4>Summary</h4>
<p>
</p>
<table border="1" cellpadding="3" cellspacing="0" width="100%">
<tr bgcolor="#CCCCFF" class="TableHeadingColor">
<td colspan="2" class="title-cell">
<b>Class Summary</b>
</td>
</tr>
<tr bgcolor="white" class="TableRowColor">
<td width="15%"><b><a href="YAHOO.ext.grid.PagedGridView.html">YAHOO.ext.grid.PagedGridView</a></b></td>
<td>&nbsp;</td>
</tr>
</table>
<hr/>
<!-- ========== METHOD SUMMARY =========== -->
<!-- ========== END METHOD SUMMARY =========== -->
<pre class="sourceview">
YAHOO.ext.grid.PagedGridView = <span class="reserved">function</span>(){
YAHOO.ext.grid.PagedGridView.superclass.constructor.call(<span class="reserved">this</span>);
<span class="reserved">this</span>.cursor = 1;
};
YAHOO.extendX(YAHOO.ext.grid.PagedGridView, YAHOO.ext.grid.GridView);
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.appendFooter = <span class="reserved">function</span>(parentEl){
var fwrap = document.createElement(<span class="literal">'div'</span>);
fwrap.className = <span class="literal">'ygrid-wrap-footer'</span>;
var fbody = document.createElement(<span class="literal">'span'</span>);
fbody.className = <span class="literal">'ygrid-footer'</span>;
fwrap.appendChild(fbody);
parentEl.appendChild(fwrap);
<span class="reserved">this</span>.createPagingToolbar(fbody);
<span class="reserved">return</span> fwrap;
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.createPagingToolbar = <span class="reserved">function</span>(container){
var tb = new YAHOO.ext.Toolbar(container);
<span class="reserved">this</span>.pageToolbar = tb;
<span class="reserved">this</span>.first = tb.addButton({
tooltip: <span class="reserved">this</span>.firstText,
className: <span class="literal">'ygrid-page-first'</span>,
disabled: true,
click: <span class="reserved">this</span>.onClick.createDelegate(<span class="reserved">this</span>, [<span class="literal">'first'</span>])
});
<span class="reserved">this</span>.prev = tb.addButton({
tooltip: <span class="reserved">this</span>.prevText,
className: <span class="literal">'ygrid-page-prev'</span>,
disabled: true,
click: <span class="reserved">this</span>.onClick.createDelegate(<span class="reserved">this</span>, [<span class="literal">'prev'</span>])
});
tb.addSeparator();
tb.add(<span class="reserved">this</span>.beforePageText);
var pageBox = document.createElement(<span class="literal">'input'</span>);
pageBox.type = <span class="literal">'text'</span>;
pageBox.size = 3;
pageBox.value = <span class="literal">'1'</span>;
pageBox.className = <span class="literal">'ygrid-page-number'</span>;
tb.add(pageBox);
<span class="reserved">this</span>.field = getEl(pageBox, true);
<span class="reserved">this</span>.field.mon(<span class="literal">'keydown'</span>, <span class="reserved">this</span>.onEnter, <span class="reserved">this</span>, true);
<span class="reserved">this</span>.field.on(<span class="literal">'focus'</span>, <span class="reserved">function</span>(){pageBox.select();});
<span class="reserved">this</span>.afterTextEl = tb.addText(<span class="reserved">this</span>.afterPageText.replace(<span class="literal">'%0'</span>, <span class="literal">'1'</span>));
<span class="reserved">this</span>.field.setHeight(18);
tb.addSeparator();
<span class="reserved">this</span>.next = tb.addButton({
tooltip: <span class="reserved">this</span>.nextText,
className: <span class="literal">'ygrid-page-next'</span>,
disabled: true,
click: <span class="reserved">this</span>.onClick.createDelegate(<span class="reserved">this</span>, [<span class="literal">'next'</span>])
});
<span class="reserved">this</span>.last = tb.addButton({
tooltip: <span class="reserved">this</span>.lastText,
className: <span class="literal">'ygrid-page-last'</span>,
disabled: true,
click: <span class="reserved">this</span>.onClick.createDelegate(<span class="reserved">this</span>, [<span class="literal">'last'</span>])
});
tb.addSeparator();
<span class="reserved">this</span>.loading = tb.addButton({
tooltip: <span class="reserved">this</span>.refreshText,
className: <span class="literal">'ygrid-loading'</span>,
disabled: true,
click: <span class="reserved">this</span>.onClick.createDelegate(<span class="reserved">this</span>, [<span class="literal">'refresh'</span>])
});
<span class="reserved">this</span>.onPageLoaded(1, <span class="reserved">this</span>.grid.dataModel.getTotalPages());
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.getPageToolbar = <span class="reserved">function</span>(){
<span class="reserved">return</span> <span class="reserved">this</span>.pageToolbar;
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.onPageLoaded = <span class="reserved">function</span>(pageNum, totalPages){
<span class="reserved">this</span>.cursor = pageNum;
<span class="reserved">this</span>.lastPage = totalPages;
<span class="reserved">this</span>.afterTextEl.innerHTML = <span class="reserved">this</span>.afterPageText.replace(<span class="literal">'%0'</span>, totalPages);
<span class="reserved">this</span>.field.dom.value = pageNum;
<span class="reserved">this</span>.first.setDisabled(pageNum == 1);
<span class="reserved">this</span>.prev.setDisabled(pageNum == 1);
<span class="reserved">this</span>.next.setDisabled(pageNum == totalPages);
<span class="reserved">this</span>.last.setDisabled(pageNum == totalPages);
<span class="reserved">this</span>.loading.enable();
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.onEnter = <span class="reserved">function</span>(e){
<span class="reserved">if</span>(e.browserEvent.keyCode == e.RETURN){
var v = <span class="reserved">this</span>.field.dom.value;
<span class="reserved">if</span>(!v){
<span class="reserved">this</span>.field.dom.value = <span class="reserved">this</span>.cursor;
<span class="reserved">return</span>;
}
var pageNum = parseInt(v, 10);
<span class="reserved">if</span>(isNaN(v)){
<span class="reserved">this</span>.field.dom.value = <span class="reserved">this</span>.cursor;
<span class="reserved">return</span>;
}
pageNum = Math.min(Math.max(1, pageNum), <span class="reserved">this</span>.lastPage);
<span class="reserved">this</span>.grid.dataModel.loadPage(pageNum);
e.stopEvent();
}
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.beforeLoad = <span class="reserved">function</span>(){
<span class="reserved">if</span>(<span class="reserved">this</span>.loading){
<span class="reserved">this</span>.loading.disable();
}
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.onClick = <span class="reserved">function</span>(which){
switch(which){
case <span class="literal">'first'</span>:
<span class="reserved">this</span>.grid.dataModel.loadPage(1);
break;
case <span class="literal">'prev'</span>:
<span class="reserved">this</span>.grid.dataModel.loadPage(<span class="reserved">this</span>.cursor -1);
break;
case <span class="literal">'next'</span>:
<span class="reserved">this</span>.grid.dataModel.loadPage(<span class="reserved">this</span>.cursor + 1);
break;
case <span class="literal">'last'</span>:
<span class="reserved">this</span>.grid.dataModel.loadPage(<span class="reserved">this</span>.lastPage);
break;
case <span class="literal">'refresh'</span>:
<span class="reserved">this</span>.grid.dataModel.loadPage(<span class="reserved">this</span>.cursor);
break;
}
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.render = <span class="reserved">function</span>(){
<span class="reserved">this</span>.grid.dataModel.addListener(<span class="literal">'beforeload'</span>, <span class="reserved">this</span>.beforeLoad, <span class="reserved">this</span>, true);
<span class="reserved">this</span>.grid.dataModel.addListener(<span class="literal">'load'</span>, <span class="reserved">this</span>.onPageLoaded, <span class="reserved">this</span>, true);
<span class="reserved">return</span> YAHOO.ext.grid.PagedGridView.superclass.render.call(<span class="reserved">this</span>);
};
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.beforePageText = <span class="literal">"Page"</span>;
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.afterPageText = <span class="literal">"of %0"</span>;
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.firstText = <span class="literal">"First Page"</span>;
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.prevText = <span class="literal">"Previous Page"</span>;
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.nextText = <span class="literal">"Next Page"</span>;
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.lastText = <span class="literal">"Last Page"</span>;
YAHOO.ext.grid.PagedGridView.<span class="reserved">prototype</span>.refreshText = <span class="literal">"Refresh"</span>;
</pre>
<hr>
<hr>
<font size="-1">
</font>
<div class="jsdoc_ctime">Documentation generated by <a href="http://jsdoc.sourceforge.net/" target="_parent">JSDoc</a> on Sat Oct 14 06:07:10 2006</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink