How do you create search bar for listview elements?

[samcho]

Hi! I wanted to create a search bar that finds a specific element if searched in listviewer, how can I do that? This is my code block so far:

(The textbox is the text entered and the searchBttn is the button to search)

[TIMAI2]

There is a search bar built-in to the listview ?

Or you can use a textbox:

Revival - Italo's Custom Listview Filter Bar - with Clock (and now TextChanged)

With all links to Italo's guide on the above lost from appyBuilder and Thunkable, I thought I would put up a remix of the original blocks, with an aia project example. This uses a clock timer instead of a textbox extension. The only change I have made is to add an extra conditional check: does the last textbox content equal the current textbox content (if so, do nothing), to cut down on unnecessary processing. This also ensures that listview selections above the last one can be made. Clock timer…

Indexes change when you filter the list so use the selection to find the original index (thing in list)

[samcho]

I am using a textbox, but I don't really understand the tutorial linked. This is my active code.

I don't know how to filter listview elements that only contain words searched in searchbar

[samcho]

There is also a readcolumn code for the sheets but it isn't shown.

[Kevinkun]

simple filter:

[samcho]

it did not work, nothing happens

[Kevinkun]

@samcho

it did not work

what not work? what did you do?

[samcho]

I fixed it sorry, but now when I search for an item, it shows but then if I delete searchbox text the other item list doesnt reappear. How can I make that happen?

[Kevinkun]

again what did you do? are you using the TextBox.TextChanged event?

[samcho]

This post was flagged by the community and is temporarily hidden.

[samcho]

Yes I am using textbox.changed block here:

[Kevinkun]

check my demo again, you will find I store the list data to a global variable:
in the make new filtered list block, you can not use the listview.elements, but use the global variable.
and the 'if else if ' not needed.

[samcho]

I cannot set the "all data" variable because it is added by the user (via Google sheet storage) and changes often.

[Kevinkun]

of course you can, set it when you got value from spreadsheet.

[samcho]

This is how I set the variable to the value from sheets, but the search function only works for one data, the rest don't show up when searched.

[Kevinkun]

you are not showing All the relevant blocks.

[samcho]

Do you need me to show any other blocks?

[TIMAI2]

@samcho

Do you need me to show any other blocks?...

Show the content and structure of columnData.

You should also copy columnData to listData to create a non linked list, and load listData to the listview, not columnData.

[samcho]

This is the sheet I am using. More teams can be added future wise but data currently is just dummy data.

and I fixed this

[samcho]

I fixed it, I linked the wrong listview to variable. Thank you for your help.