mdb-autocompleter scroll no working

Topic: mdb-autocompleter scroll no working

Diego Alvarez asked 6 years ago

When you click on the component's scroll bar, the entry field is undefined. The scroll bar when clicking down or up does not work and you get out of it. This using exactly the same example code and there if it works but in mine no.

Add comment

Diego Alvarez answered 6 years ago

0 0 Best answer

Pictures

http://s2.subirimagenes.com/otros/previo/thump_98905711.jpg

http://s2.subirimagenes.com/otros/previo/thump_98905732.jpg

http://s2.subirimagenes.com/otros/previo/thump_98905743.jpg

http://s2.subirimagenes.com/otros/previo/thump_98905784.jpg

Add comment

Diego Alvarez answered 6 years ago

0 0 Best answer

@ViewChild(MdbAutoCompleterComponent) completer:   MdbAutoCompleterComponent;
searchText = '';
results: any;
datos: any = ['red', 'green', 'blue', 'cyan', 'magenta', 'yellow', 'black'];
getDataItems() {
  return this.datos;
}

searchEntries(term: string) {
  if(term === undefined || term === null){
   term = "";
}
return of(this.getDataItems().filter((data: any) =>      data.toString().toLowerCase().includes(term.toString().toLowerCase())));
}

getFilteredData() {
   this.results =      this.searchEntries(this.ingresarAfiliadoForm.controls.searchText.value);
console.log(this.results);

}

onChange() {
 this.getFilteredData();
}

ngAfterViewInit() {
   this.getFilteredData();
   this.completer.selectedItemChanged().subscribe((datos: any) => {
   if(datos.text === undefined || datos.text === null){
       datos.text = "";
   }
 this.searchText = datos.text;
 this.getFilteredData();
});
 }

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear Diego,

Thanks for your report! We'll take care of this, but for now, I cannot provide you some workaround for the undefined situation, because the changes have to be on our side.

Please be patient.

Best Regards,

Damian

Add comment

Comunicaciones pro answered 6 years ago