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

Owned by Anastasia Cheetham
Last updated: Jan 07, 2011Version comment

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
    }
};
On this Page

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>