Log in to AnswerLog in to Follow
2021-02-05 01-12-23
Paulo Torres
35Views
3Comments
Dropdown Search OutsystemsUI - Event to receive SearchKeyword
Question
JavaScript
Reactive
OutSystems UI
Application Type
Reactive

Hello all,

I need to clone the dropdown search from OutsystemsUI and Add an event to receive the SearchKeyword. Someone already needed to do this?

Thanks, Paulo Torres

1
0
28 Feb
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP

Hi Paulo,

You will have to define an event handler on the choices input for the mentioned use case.

Code Changes: DropdownSearch (Webblock) > Init (Client Action) > Init (JS Node)

Based on your use case, you can opt for any of the below-mentioned implementations.

1) Registering input change event handler

choices.input.element.addEventListener('change', 
    function () {
        $actions.OnSearchInputChange(this.value);
});

OR

2) Registering keyup event handler

choices.input.element.addEventListener('keyup', 
    function () {
        $actions.OnSearchInputChange(this.value);
});

Refer to the attached oml file.

I hope this helps you!


Kind regards,

Benjith Sam

RWA_Lab_DDSearch.oml

0
0
01 Mar

Hello Benjith Sam,

Thanks a lot, you are the BEST.

How I can avoid the search in client side? For example I'll add a boolean as input parameter (IsClientSearch), the goal of this event is to search in serverside.

Thanks a lot

1
0
03 Mar

Hello all,

Anyone can help on that?

Thanks

1
0
25 Mar
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.