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.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

This documentation is quite incomplete. At the moment, it is simply a holding place for various bits of documentation that don't have a proper home yet.

The Fluid framework includes a number of functions and utilities that component developers can avail themselves of. These are described below.

On This Page


fluid.initView(componentName, container, userOptions)


fluid.initComponents(that, className, args)

This function provides a generic way of instantiating and configuring any "sub-components" that may be a part of, or used by, a parent component. For example, this function is used by the Inline Edit component to instantiate the Undo decorator, a sub-component that provides Undo functionality to components that support it.


Parameter name





is a string defined by the invoking component, identifying an option understood by that component.






    addListener: function(listener, namespace, exclusions),
    removeListener: function(listener),
    fireEvent: function()


Each Fluid component includes a standard options structure at its top-level. Options allow implementors to configure and customize a component. User-supplied options are merged with relevant defaults for the given components. These defaults registered by each component with the Fluid defaults management system via a call to fluid.defaults():

fluid.default(componentName, defaultsObject);


  • componentName is a string name for the component, and
  • defaultsObject is a Javascript object containing key/value pairs for the default configuration of the component.

The options for each component (and their defaults) will vary, but all components share a subset of required defaults. These are:


The selectors <something?> is a Javascript object that defines the necessary selector strings that will be used to access the various DOM elements that make up the component. Each component will have different selectors, but all components must have this selectors. Implementors can override the default selectors, so long as the selectors they provide meet the following requirements:

  • selectors must be relative to the main component container element

fluid.applySkin(skin, element)

  • No labels