Our blazing fast Grid component built with pure JavaScript


Post by Webethics »

I have a query that can I have add a button below the last visible option in dropdown of grid combo box. Attached is the image of the combo box and I need to show a button on click on which I have to open a popup. Can this be implemented, if yes, please provide guidance over it.

Attachments
Screenshot from 2021-06-28 18-02-44.png
Screenshot from 2021-06-28 18-02-44.png (31.04 KiB) Viewed 719 times

Post by saki »

Everything is possible.

You would need to add a last record in the combo store with 'Add' text, and when that is clicked you would need to display the popup. For that, you would listen to https://bryntum.com/docs/scheduler/#Core/widget/Combo#event-select event, you would check if the 'Add' record was selected and you would open the popup from the listener.

The Popup documentation and examples are here: https://bryntum.com/docs/scheduler/#Core/widget/Popup


Post by Webethics »

Hello

I have added a last record in the combo store with the 'Add' text. When I click on 'Add' text it has added as a value in the input field but I want to open a popup with the click of 'Add' text.

Is there a way that we can prevent 'Add' text will not be added as a value but only works as a click event?

Attachments
add-button-in-characters.png
add-button-in-characters.png (28.1 KiB) Viewed 691 times

Post by alex.l »

Hi Webethics,

The select event is not preventable. You have to handle this case manually, as example revert changes if "Add" item clicked and open your popup.
It might be helpful to check https://bryntum.com/docs/scheduler/#Core/widget/Combo#config-triggers config too. As an alternate UX solution.

All the best,
Alex


Post Reply