Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Chips Autocomplete

bitjuice pro asked 6 years ago


Hi, I need an input control with chips autocomplete (exemple: https://drive.google.com/file/d/1lr2NRZI2SLOxy_xvs4RqUlWgl-FWdG1u/view?usp=sharing), that take data from remote server. Is there a way to make it by the current MDB library? Thanks  

marchanddesable pro answered 5 years ago


Hi, I also need this feature, autocomplete with chip. I'm working on it and it's almost done, I only have one issue:

Is it possible add new tags with javascript? If I add initial tags at the loading of the page

$('.chipfld').material_chip({ data: arr });

It works.

BUT

I need to add them when I click on the options returned by the backend... So I need to trigger a "add new tag" event when I click on something, It's like simulating the "enter key" on the hidden input field created by the jquery chip.

I also tried to make a fresh tab of datas with the new data added

$('.chipfld').material_chip({ data: myNewArr });

but it doesn't work, the tags are not generated...


Arkadiusz Idzikowski staff commented 5 years ago

You can find more information about adding tags in our documentation:

https://mdbootstrap.com/docs/jquery/components/badges/#javascript-usage


Damian Gemza staff answered 6 years ago


Dear bitjuice, Unfortunately, there is no way to achieve your desired behavior with the current version of MDB Angular. This is quite a nice feature, and I'll add this to our nice-to-have list, and we'll think about implementing it in the future. Best Regards, Damian

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: PC
  • Browser: Chorme
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes