Forum | Appery.io

Hello,

I have a list with data filter on, When a record from the list is selected, I make the list invisible and make another list visible. The second list contains a list of menu options and no data filter. However, when I make the first list invisible, the data filter still remains visible. Any suggestions on making the data filter invisible?

The filter is probably another element in the DOM. Run JavaScript to hide it as well.

Hello,

Please try this code:
precode
Appery('mobilelist_46').prev("form.ui-listview-filter").toggle();
/code/pre
Replace "mobilelist_46" whith yours component name.

Thank you very much...this works.

Sorry spoke too early.

This works well when I am hiding my first list and displaying the second list. I have a back button that hides the second list and displays the first list. I added the same javascript to the back button to enable the datafilter to be visible when hiding the second list. However, it did not work.

Appery('mobilelist_46').prev("form.ui-listview-filter").toggle();

Suggestions?

You can use show() method
precode
Appery('mobilelist_46').prev("form.ui-listview-filter").show();
/code/pre