Upgrading Pager to 1.3

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Upgrading Pager to 1.3

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

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

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>