Versions Compared

Key

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

Overview

Excerpt

Fluid Infusion includes a client-side Renderer that allows users to create user interface templates in pure HTML, and render the pages entirely on the client side.

The Renderer offers a clean separation of Model and View: it works with internal component trees that are independent of the mark-up, supporting the Fluid goal of DOM agnosticism.

The diagram shown provides a high-level overview of the fluid:basic renderer process. The Renderer works with a number of objects provided by the integrator:

  • Component Tree
  • Templates
  • Data Model (optional)
  • Decorators (optional)

Each of these objects, and what the Renderer does with it, is described below (and in related documents).

Component Trees

Excerpt Include
Renderer Component Trees
Renderer Component Trees
nopaneltrueRenderer Component Trees

For more detailed information about component trees, see Renderer Component Trees.

Templates

Excerpt Include
Renderer Templates
Renderer Templates
nopaneltrueRenderer Templates

For more detailed information about templates, see Renderer Templates.

Data Binding

Excerpt Include
Renderer Data Binding
Renderer Data Binding
nopaneltrueRenderer Data Binding

For more detailed information about data binding, see Renderer Data Binding.

Decorators

Excerpt Include
Renderer Decorators
Renderer Decorators
nopaneltrueRenderer Decorators

For more detailed information about decorators, see Renderer Decorators.

API

For technical API documentation, see Renderer API.

Column
width40%
solid
Panel
borderStyle
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn This Page
Table of Contents
toc
maxLevel
5
minLevel2
maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
borderStylesolid
titleSee Also
borderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
borderStylesolid
titleStill need help?
borderStylesolid

Join the infusion-users mailing list and ask your questions there.

Basic Renderer Process

Anchor
rendererdiagram
rendererdiagram