2 1.08 Loading indicator

koalyptus edited this page 2017-05-18 20:35:52 +10:00

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: feature is the current Loader instance	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: feature is the current Loader instance	var tfConfig = { loader: { on_hide_loader: function(feature) { console.log(feature); } } };

Website | Examples | Es6 documentation