Hi, I know how to use the preloader element, however I cannot to show the preloader until the autocomplete has finished loading all the elements into the autocomplete. I put show() event before to do the app. request(), but nothing is shown.
//HERE WERE I START TO SHOW THE PRELOADER
app.preloader.show();
var url = urlServer + 'company/';
var key = appStorage.get('loginKey');
app.request({
url: url,
data: {keys: key},
success: function (data) {
console.log(data);
const d = JSON.parse(data);
const company = d.data;
var loadSelect = app.autocomplete.create({
inputEl: nameElement,
openIn: 'dropdown',
preloader: true, //enable preloader
valueProperty: 'prodotto', //object's "value" property name
textProperty: 'prodotto', //object's "text" property name
notFoundText: 'Nothing',
limit: 5,
typeahead: true,
dropdownPlaceholderText: 'Scrivi...',
source: function (query, render) {
var autocomplete = this;
var results = [];
if (query.length === 0) {
render(results);
return;
}
// Show Preloader
autocomplete.preloaderShow();
// Find matched items
for (var i = 0; i < company.length; i++) {
if (company[i].prodotto && company[i].prodotto.toLowerCase().indexOf(query.toLowerCase()) === 0) results.push(company[i]);
}
// Hide Preoloader
autocomplete.preloaderHide();
// Render items by passing array with result items
render(results);
}
});
//HERE WHERE I STOP THE PRELOADER
app.preloader.hide();
},//success
error: function(){
app.preloader.hide();
app.dialog.alert("ERROR");
}
});//request