mistic100 / jQuery-QueryBuilder

jQuery plugin offering an interface to create complex queries
https://querybuilder.js.org
MIT License
1.67k stars 552 forks source link

Feature Request: Bootstrap Modal Search Pop-up #957

Open tschneideriii opened 1 year ago

tschneideriii commented 1 year ago

I'm looking for either direction on creating a new Plug-in or adding to the core. Like the DatePicker plugin you can change the input, the Popup input would let you click an "Add" link that pop ups a Modal. You would do something in the modal then return the selected value back to the QueryBuilder. You could click the "Add" button multiple times to add multiple items.

For example, when selecting the PopUp plugin, you'd see a 'Add' link: image

Clicking the "Add" link, I'd see a Modal, where I could do some Ajax search. In this example, I'm searching for Blue colors. I would click on the + sign to close the Modal and add my selection would go to the Query builder image

This would be after I clicked on the plus sign next to Blue, It would show that I've selected Blue and Yellow with the option of removing them with the X. image

I hope this example explains what I'm looking do add to your plugin.

mistic100 commented 1 year ago

You can either provide your own input template, see the "Corrdinates" input on this demo https://github.com/mistic100/jQuery-QueryBuilder/blob/48e1f09de01862e1bb12d98887b01a12079bd5ed/examples/index.html#L445-L504

Or create you own complete jQuery plugin.

Both solutions are show on the demo https://querybuilder.js.org/demo.html#widgets