NOTE: A DOM Binder is automatically created by the Framework for any view component. Component developers are not expected to ever create a DOM Binder themselves. Creation
The Framework creates a DOM Binder as follows: | Code Block |
|---|
| that.dom = fluid.createDomBinder (container, selectors);
|
The DOM Binder object is attached to the component as a member called dom. ParametersParameter | Type | Description |
|---|
container
| Object | the root element in which to locate named elements | selectors
| Object | a collection of named jQuery selectors, of the form | Code Block |
|---|
| {
name1: <selector1>,
name2: <selector2>,
....
} |
Note that selector values may be specified using IoC references to other selectors or expanders. |
Selector Examples | Code Block |
|---|
| {
displayElement: ".flc-progress",
progressBar: ".flc-progress-bar",
indicator: ".flc-progress-indicator",
label: ".flc-progress-label",
ariaElement: ".flc-progress-bar"
} |
| Code Block |
|---|
| {
labelSource: ".flc-reorderer-imageTitle",
movables: {
expander: {
funcName: "fluid.reorderImages.createImageCellFinder",
args: "{that}.container"
}
}
} |
|