Unselect a Selected Row in WebListbox

[Sergio_Ciordia1 (Sergio Ciordia)]

I have rescued a topic that Robert Livingston asked in 2021 (for a listbox, here) and to which I can’t find a solution in 2024 for the Weblistbox.

I allow myself to copy exactly Robert’s question because the problem is the same but for the Weblistbox element:

@Robert_Livingston

I have a Listbox. Row Selection Type is Single.
I select a row by clicking on it. It becomes highlighted.

Now how do I unselect that row? If there are visible blank rows at the end of the Listbox, I can click in that area and achieve the goal. But if there are hundreds of Listbox rows, then it is likely that the blank area at the end of the Listbox will not be visible, and I might have to scroll a long way to get there.

If I click on another row, the original row is unselected but the new row becomes selected. I want to return the state of the Listbox to nothing selected.

How does the user unselect a selected row?

Is there a solution? Any suggestions @Ricardo_Cruz ?

Thank you very much in advance.

Best regards,
Sergio

[Anthony_G_Cyphers]

Programmatically, you can do this by setting the SelectedRowIndex to -1:

Listbox1.SelectedRowIndex = -1

For the user to accomplish it, you’d probably need to use the Pressed event to compare the SelectedRowIndex to the Row parameter to implement a toggle.

[Anthony_G_Cyphers]

To implement this, I added the following property to the page:

Private Property selectedIndex As Integer = -1

Then, in the WebListBox’s Pressed event:

if selectedIndex = -1 or selectedIndex <> row then
  selectedIndex = row
else
  if me.SelectedRowIndex = selectedIndex then
    me.SelectedRowIndex = -1
    selectedIndex = -1
  end if
end if

This implements a toggle when the user presses a row. If it’s already selected then it’s deselected.

[Sergio_Ciordia1 (Sergio Ciordia)]

Thank you very much @Anthony_G_Cyphers ,

It works perfectly, great!