<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="http://extjs.com/deploy/dev/resources/css/ext-all.css">
<script type="text/javascript" src="http://extjs.com/deploy/dev/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://extjs.com/deploy/dev/ext-all-debug.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css">
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all-debug.js"></script>
<link rel="stylesheet" type="text/css" href="../ux.Andrie.Select/Select.css">
<script type="text/javascript" src="../ux.Andrie.Select/Select.js"></script>
-->
<script type="text/javascript" src="pPageSize.js"></script>
<script type="text/javascript" src="pPageSize_test.js"></script>
<title>Ext.ux.Andrie.pPageSize Testcase</title>
<style>
body{
padding:25px;
}
ul{
list-style:square;
list-style-position:inside
}
</style>
</head>
<body>
<div id="grid-ct"></div>
<div style="clear:both"></div>
<div style="width:450px;padding-top:25px;font-size:14px;float:left">
<div id="info-ct"></div>
</div>
<div style="width:400px;padding-top:25px;padding-left:50px;float:left">
<div id="usage-ct"></div>
<br>
<div id="config-ct"></div>
<br>
<div id="public-ct"></div>
<br>
<div id="changelog-ct"></div>
</div>
<div id="usage">
This grid has been configured with<br>{..., plugins:[new Ext.ux.Andrie.pPageSize()]}
</div>
<div id="info">
<b>Plugin for Ext.PagingToolbar [2.x], by <a href="http://andreineculau.wordpress.com">Andrei Neculau</a></b>
<br><br>
<a href="http://extjs.com/forum/showthread.php?t=17257">ExtJS Forum</a>
<br><br>
<ul>
<li>Possible values can be changed dynamically, accordingly to the value previously chosen and on the configured variations</li>
<li><strike>The plugin will prefer <a href="http://www.andrei.neculau.home.ro/extjs2/ux.Andrie.Select/Select_test.htm">Ext.ux.Andrie.Select</a> over Ext.form.ComboBox, if available.</strike></li>
<li>I make no secret that this plugin has started from <a href="http://extjs.com/forum/showthread.php?t=16811">Ext.ux.grid.PageSizer</a> .</li>
<li><b>IMPORTANT !</b> The Ext Forum API used by the grid will always return no more than 50 items.</li>
</ul>
</div>
<div id="changelog">
<ul>
<li>
<b>0.6 / Jan. 3 2008</b><br>
Fixed setPageSize bug
<br><br>
</li>
<li>
<b>0.5 / Dec. 31 2007</b><br>
Improved selection
<br><br>
</li>
<li>
<b>0.4 / Dec. 27 2007</b><br>
Added comboCfg config, with support for config's xtype<br>
Ext.ux.Andrie.Select has no priority any longer. Ext.form.ComboBox is by default
<br><br>
</li>
<li>
<b>0.3 / Dec. 26 2007</b><br>
Added dynamic config<br>
Improved here and there
<br><br>
</li>
<li>
<b>0.2 / Nov. 10 2007</b><br>
Added variations config<br>
Improved changePageSize function
<br><br>
</li>
<li>
<b>0.1.1 / Nov. 6 2007</b><br>
Fixed the cursor start when changing pageSize
<br><br>
</li>
<li>
<b>0.1 / Nov. 5 2007</b><br>
Published
<br><br>
</li>
</ul>
</div>
<div id="config">
<ul>
<li><b>beforeText</b>: string - text to display before the ComboBox (defaults to 'Show')</li>
<li><b>afterText</b>: string - text to display after the ComboBox (defaults to 'items')</li>
<li><b>addBefore</b>: mixed - what to add before the combo (defaults to '-')</li>
<li><b>addAfter</b>: mixed - what to add after the combo (defaults to null)</li>
<li><b>variations</b>: array - what to substract or add to the selected value, in order to determine new pageSize options (defaults to [5, 10, 20, 50, 100])</li>
<li><b>dynamic</b>: bool - make variations dynamic (defaults to false)</li>
<li><b>comboCfg</b>: object - config object for the combo component</li>
</ul>
</div>
<div id="public">
Methods
<ul>
<li><b>changePageSize</b>(pageSize) - change pageSize</li>
</ul>
Methods added to the PagingToolbar instance
<ul>
<li><b>setPageSize</b>(pageSize) - set pageSize</li>
<li><b>hetPageSize</b> - get pageSize</li>
</ul>
</div>
</body>
</html>
- 1
- 2
前往页