Forum | Appery.io

Hi Guys,

I'm wanting to have the data filter for a list visible but the list items not visible.

Then when a user starts typing in the data filter I want the items to show that relate to what the user is typing.

Thanks,
Joe

bump - also interested if anyone knows how to.

Hello Louis,

This link should help you: http://api.jquerymobile.com/listview/...

Thank you, Evgene!

For anyone else who is interested:

Select your list more properties attribute codedata-filter-reveal/code and value codetrue/code add

Thank you, Evgene and Louis.

Hi,

I have a list where all the response of a service is mapped dynamically.
the list is visible and the datafilter is hidden.
on button click the datafilter shows using :
Apperyio("ListName").prev(".ui-filterable").show();

I want to use the data-filter-reveal attribute so the listitem hides until a user starts typing. but i don't want to add this using 'more properties attribute data-filter-reveal and value true add' in the builder, because when the page first loads i want the list to be visible. Only when the user clicks the button to show the datafilter i want the list items to hide and only be shown when a user starts to type.

I tried using on button click.
Apperio('ListName').attr("data-filter-reveal", true);

using dev tools I can see that the attribute was successfully added. but it didnt hide the list items.

how can i make the data-filter-reveal attribute work on button click?

Thank you

i also tried adding:
Apperyio('ListName').listview('refresh');
but this didnt work

I added to button click:
$("[name=listItemName]").addClass("ui-screen-hidden");

this hides all list items until user starts to type.

Although if a user clears his search the full list shows rather than hiding.

I don't need a solution for this now