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 Insert excerpt |
---|
| Renderer Component Trees |
---|
| Renderer Component Trees |
---|
nopanel | trueRenderer Component Trees |
---|
|
For more detailed information about component trees, see Renderer Component Trees. Templates Insert excerpt |
---|
| Renderer Templates |
---|
| Renderer Templates |
---|
nopanel | true | Renderer Templates |
---|
|
For more detailed information about templates, see Renderer Templates. Data Binding Insert excerpt |
---|
| Renderer Data Binding |
---|
| Renderer Data Binding |
---|
nopanel | trueRenderer Data Binding |
---|
|
For more detailed information about data binding, see Renderer Data Binding. Decorators Insert excerpt |
---|
| Renderer Decorators |
---|
| Renderer Decorators |
---|
nopanel | true | Renderer Decorators |
---|
|
For more detailed information about decorators, see Renderer Decorators. APIFor technical API documentation, see Renderer API. |