Skip to Content

How to use delete option in value help select dialog?

Hi Everyone,

In my application i have input control with value help option. I am getting the data for value help from OData Service, and the volume of data is very high(Nearly 1 Million). It is Plant Collection.

So i used Select Dialog Fragment control for the value help functionality. It should have multi select option. i set value help equal to false, so user may type the plant name on the input or inside the fragment. after selecting the plant from the list, i can see the selected plant values in the input field. but i dont have any option to deselect the selected plant directly from the input. I need to again open the select dialog fragment list, then i need to remove the selection there.

In MultiComboBox, you will get the remove the selected value option in the screen(Input area) itself. See the image for more info.

But in value help how can i achieve that? In Value help input, it comes like below.

Thank you,

Regards,

JK.

1.png (2.6 kB)
2.png (1.6 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Mar 25 at 12:42 PM

    Hi Jaykrishanan,

    Use MultiComboBox only, and keep items null(so that no items should appear on click) there.

    So now , your concern would be , when user will click on that multiComboBox, that fragment should appear.

    This can be achieved by using addEventDelegate method of ui5.

    Consider following code

    onInit: function () {
    	   var control = this.byId("idMultiCombo");
               control.addEventDelegate({
               onclick: function() {
                 //write here fragment open code(your dialog)
               }
             });
    }	
    

    Now , you will need to change the icon of that MultiComboBox , so you can do so by using setCustomIcon() method.

    Hope it will help you

    Thanks,

    Best Regards,

    Rajvardhan Thakare

    Add comment
    10|10000 characters needed characters exceeded