Upgrading Pager to 1.3
API
Range Annotation Tooltip Configuration Changed
The way in which the range annotation tooltip is configured has changed. A new subcomponent (a wrapper around jQuery's tooltip) is used for this, and the configuration options are specified within a new tooltip
option.
If you used... |
You'll now use... |
---|---|
var opts = { tooltipDelay: 150, tooltipId: "myTooltip", styles: { tooltip: ".annotTooltip" } }; |
var opts = { tooltip: { delay: 150 styles: { tooltip: ".annotTooltip" } // no id is required } }; |
Summary Changed
The default message string used for the summary has changed, so if you relied on this default, you'll have to set it directly.
Old Default |
New Default |
---|---|
"%first-%last of %total items" |
"Viewing page %currentPage. Showing records %first - %last of %total items." |
pageLinkDisabled
removed
The Pager Bar's pageLinkDisabled
selector has been removed. Disabled links were used to identify the current page, but now, all pages use the same mark-up, and the current page is indicated using styling.
New Options
Several new options have been added to Pager:
mergePolicy
tooltip
markup
A new option has also been added to the fluid.pager.selfRender
body renderer:
strings
and to the PagerBar subcomponent:
strings
For details on how to use these new options, see the Pager API page.
New public functions
Several utility functions have been moved into the public namespace. For information, see the comments in the code.
Dependencies
The Pager now depends on more framework files than before, as well as additional jQuery UI files.
Old Dependencies |
---|
<script type="text/javascript" src="lib/jquery/core/js/jquery.js"></script> <script type="text/javascript" src="framework/core/js/Fluid.js"></script> <script type="text/javascript" src="framework/core/js/DataBinding.js"></script> <script type="text/javascript" src="lib/fastXmlPull/js/fastXmlPull.js"></script> <script type="text/javascript" src="framework/renderer/js/fluidParser.js"></script> <script type="text/javascript" src="framework/renderer/js/fluidRenderer.js"></script> <script type="text/javascript" src="components/pager/js/Pager.js"></script> |
New Depenencies |
<script type="text/javascript" src="lib/jquery/core/js/jquery.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.core.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.widget.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.position.js"></script> <script type="text/javascript" src="lib/jquery/plugins/bgiframe/js/jquery.bgiframe.js"></script> <script type="text/javascript" src="lib/jquery/plugins/tooltip/js/jquery.ui.tooltip.js"></script> <script type="text/javascript" src="lib/json/js/json2.js"></script> <script type="text/javascript" src="framework/core/js/Fluid.js"></script> <script type="text/javascript" src="framework/core/js/FluidDOMUtilities.js"></script> <script type="text/javascript" src="framework/core/js/FluidDocument.js"></script> <script type="text/javascript" src="framework/core/js/jquery.keyboard-a11y.js"></script> <script type="text/javascript" src="framework/core/js/DataBinding.js"></script> <script type="text/javascript" src="framework/core/js/FluidRequests.js"></script> <script type="text/javascript" src="lib/fastXmlPull/js/fastXmlPull.js"></script> <script type="text/javascript" src="framework/renderer/js/fluidParser.js"></script> <script type="text/javascript" src="framework/renderer/js/fluidRenderer.js"></script> <script type="text/javascript" src="components/tooltip/js/Tooltip.js"></script> <script type="text/javascript" src="components/pager/js/Pager.js"></script> |