Section | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Creating Multiple Inline Edits
Code Block | ||||
---|---|---|---|---|
| ||||
fluid.inlineEdits(componentContainer, options); |
This function will find any elements within the given container that are identified as 'editables' and apply the Inline Edit component to them.
Parameters
componentContainer
The componentContainer
parameter is a selector, a single-element jQuery, or a DOM element representing the component's containerspecifying the root DOM node of the Inline Edit markup.
Anchor | ||||
---|---|---|---|---|
|
...
The options
parameter is an optional collection of name-value pairs that configure the Inline Edit component(s):
Insert excerpt | ||||||
---|---|---|---|---|---|---|
|
The options for the creation of multiple Inline Edits are the same as those for the creation of a single Inline Edit, with the addition of a selector for identifying the editable elements. The default selector is defined as follows:
Code Block | ||||
---|---|---|---|---|
| ||||
selectors: {
editables: ".inlineEditable"
}
|
...
Functions
Code Block | ||||
---|---|---|---|---|
| ||||
fluid.inlineEdit.edit(); |
...
Updates the component's internal representation of the text to a new value. The component will be re-rendered.
Creating Multiple Inline Edits
...
fluid.inlineEdits(componentContainer, options);
This function will find any elements within the given container that are identified as 'editables' and apply the Inline Edit component to them.
Parameters
componentContainer
The componentContainer
parameter is a selector, a single-element jQuery, or a DOM element specifying the root DOM node of the Inline Edit markup.
options
The options
parameter is an optional collection of name-value pairs that configure the Inline Edit components. The available options are the same as those for the creation of a single Inline edit (described above), with the addition of a selector for identifying the editable elements. The default selector is defined as follows:
...
...
Skinning
This component can be skinned "out of the box" when you include our CSS skin files. Just be sure to put the following in you document:
...