Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

Div
classapi-page

fluid.render()

Section
Column
width70%

A simple driver for single node self-templating. Parses the source into a template structure, renders it using the supplied component tree and options, replaces the markup in the target node with the rendered markup, and finally performs any required data binding.

Code Block
javascript
javascript
bgColorwhite
borderStylenonejavascript
fluid.render(source, target, tree, options);

File name: Renderer.js

Parameters

Span
classborderless-table

source

(Object or String) Either a structure {node: node, armouring: armourstyle} or a string holding a literal template. See the source section below for more information.

target

(Node) The node to receive the rendered markup

tree

(Object) The component tree to be rendered

options

(Object) An options structure to configure the rendering and binding process. See the options section below for more information.

Return Value

Span
classborderless-table

Object

A templates structure, suitable for a further call to fluid.reRender or fluid.renderTemplates

Column
width5%

Column

See Also


Notes

Anchor
sourcedesc
sourcedesc

The source parameter

The source parameter can either be a string holding a literal template or an object with the following structure:

Code Block
javascript
javascript
{
    node: <DOM node>,
    armouring: <boolean>
}

The properties in the object are:

Span
classborderless-table

node

This is a either a pure DOM node or a jQuery object wrapping a DOM node.

armouring

This boolean flag controls whether or not the node is treated as ...? (default: false)

Anchor
optionsdesc
optionsdesc

Options

The options parameter is an optional object containing key/value pairs that can configure how the Renderer works. Supported options are:

Excerpt Include
renderer Options
renderer Options
nopaneltruerenderer Options

Example

Code Block
javascript
javascript
example here

In this example, description here...