Register today for Oracle CloudWorld. October 17th - 20th, Las Vegas

Register now

Hillel Cooperman, Senior VP of User Experience Design, has a message for you on Oracle CloudWorld

Watch now
VBCS - Search for required option before select in select One/select Single LOV — Cloud Customer Connect
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

VBCS - Search for required option before select in select One/select Single LOV

Accepted answer
24
Views
9
Comments
edited Aug 11, 2020 6:26AM in Visual Builder 9 comments

Summary

Unable to search the list data in selectOne/selectSingle component

Content

Could you please help us understand how to filter the list data in selectOne/selectSingle component.

 

Requirement:

User should be able to filter the Drop down by typing the values.

 

Issue:

Currently its just highlighting but not filtering the unrelated values and if matching value is at the end then user will not be able to find that matching result.

 

Please help us resolving this issue.

Regards,

Pavan Kumar T N

Code Snippet

<div class="oj-flex">
  <oj-label for="oj-select-single-1084591017-1" class="oj-flex-item oj-sm-12 oj-md-2">Select (Single)</oj-label>
  <oj-select-single id="oj-select-single-1084591017-1" class="oj-flex-item oj-sm-12 oj-md-4" data="[[$page.variables.getLovFromBIPListSDP2]]" item-text="NAME" placeholder="Select" value-item="{{ $variables.selectInput }}"></oj-select-single>
</div>
<div class="oj-flex">
  <oj-label for="oj-select-one-1084591017-1" class="oj-flex-item oj-sm-12 oj-md-2">Select (One)</oj-label>
  <oj-select-one id="oj-select-one-1084591017-1" class="oj-flex-item oj-sm-12 oj-md-4" options="[[$page.variables.getLovFromBIPListSDP3]]" options-keys.value="VALUE" options-keys.label="NAME" placeholder="Select" value="{{ $page.variables.seelctSingleValue }}" value-option="{{ $variables.selectInput }}"></oj-select-one>
</div>
Tagged:

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!