Extending Tagify's Functionality: Multi-field Search and Dynamic Item Creation

[thyago.brasil]

Hello everyone,

I'm facing two challenges and I'd appreciate your help.

I have an input field with Tagify configured as follows: Dropdown Position is set to All, Mode is Select, and in Display Options, only No custom is enabled.

Here are my difficulties:

1. Searching across two fields: My field uses a Text Field and a Secondary Field. I'd like to be able to search using both, but it only works on the Text Field. The only solution I've found so far is to concatenate the information, which isn't ideal.

2. Inserting a non-existent item: I need the value to be automatically inserted into the database if it isn't found in the search results. However, the field currently treats the data as invalid or empty.

Any suggestions would be greatly welcome. Thank you!

[Teodor]

Searching in the secondary field is currently not supported, but Inserting non-existing item is possible. First of all you need to disable the no custom option, as it disables entering custom/non-existing tags.
Check the following tutorial to learn how to add non-existing tags into the database:

Tagify - Creating New Tags and Storing them in the Database

Intro Sometimes, when using Tagify you want to be able to allow users to create new tags in addition to the ones already created and listed in Tagify. That's useful when adding a new article or product with categories - so that users can create new categories directly using Tagify. Page Overview In this tutorial we have a simple insert record form for adding a new article: [Screenshot_1] Inside the form we have a category input, which is a dynamic Tagify control: [Screenshot_2] We'd lik…

[thyago.brasil]

Dear Teodor, I hope this message finds you well.
Thank you for the guidance provided earlier. The implementation regarding the insertion of new tags in Tagify has already been successfully resolved.

However, I now need to perform searches based on the value contained in the Secondary Field. I would like to know if there is any way to achieve this through additional methods, even outside of the native functionalities available in Wappler.

Thank you in advance for your attention and support.

[Priya_Sharma]

@Teodor

Searching in the secondary field is currently not supported

As of now we can't search or filter data in secondary field. Maybe in future updates we can see this functionality (if it's in the road map of Wappler development)

[Teodor]

Should not be that hard to add this to the options.
@patrick will check it

[patrick]

It is not on the UI, but you can extend the tagify settings with your own settings. Check GitHub - yairEO/tagify: 🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue for all possible options.

<input
  is="dmx-tagify"
  name="tagify1"
  mode="select"
  dmx-bind:data="serverconnect1.data"
  dmx-bind:settings="{ dropdown: { searchKeys: ['label', 'secondary'] } }"
>

[mebeingken]

It would be fantastic if the code editor formatted elements like this!

[mebeingken]

I don’t suppose there is also support for the other events of Tagify, specifically its onclick (not to be confused with the standard Wappler onclick)?