-
Notifications
You must be signed in to change notification settings - Fork 91
1.08 Loading indicator
koalyptus edited this page May 18, 2017
·
2 revisions
| Property | Type | Description | Remarks | Example |
|---|---|---|---|---|
| loader | boolean|object | if set true, it will display a "loading" message (default - false) |
var tfConfig = { loader: true };
// or
var tfConfig = {
loader: {}
};
|
|
| text | string | sets the text for "loading" message (default - "Loading...") |
var tfConfig = {
loader: {
text: 'Filtering data...'
}
};
|
|
| html | string | defines loader's HTML if loader property set true (default - null) |
var tfConfig = {
loader: {
html: 'Filtering data'
}
};
|
|
| css_class | string | defines the css class of the loader's container element (default + 'loader') |
var tfConfig = {
loader: {
css_class: 'myCssClass'
}
};
|
|
| target_id | string | defines the id of the element that will contain the loader (default - null) |
var tfConfig = {
loader: {
target_id: 'myContainerId'
}
};
|
|
| on_show_loader | function | callback fired before loader is displayed |
Useful for creating advanced transition effects during filtering
operations. One parameter is passed to the callback function:
|
var tfConfig = {
loader: {
on_show_loader: function(feature) { console.log(feature); }
}
};
|
| on_hide_loader | function | callback fired after loader is hidden |
Useful for creating advanced transition effects during filtering
operations. One parameter is passed to the callback function:
|
var tfConfig = {
loader: {
on_hide_loader: function(feature) { console.log(feature); }
}
};
|