Hi, after trying many different ways to make this work and checking a lot of times that it was all ok I think this may be a JQM bug.
The issue is about Collapsible Listviews, they work perfectly if you put them in plain text as it is in the example http://demos.jquerymobile.com/1.4.0/listview/, but if you try to load the list afterwards and then do the listview() + listview('refresh') it doesn't show the filter, of course data-filter is set to true.
It did work in JQM 1.3.2
Ok, I did never do this before, sorry
Here it is the plain text list, just like the example http://jsbin.com/EgOzEfIL/10/
But if you do this dynamically, using JS to load the list it does not work as you can see here http://jsbin.com/EgOzEfIL/14/
Thanks for reporting the issue. Can you please provide a test page that illustrates the problem and info about the OS/browser you tested on? See the Contributing Guidelines for instructions and our JS Bin test page template.
I am closing this ticket for now as incomplete. We re-open when the test page has been provided. Thanks!
The filter extension of the listview widget has been removed and replaced by the new (generic) filterable widget. However, we added code to make the old way still work in 1.4 (this will be removed in 1.5). So the issue you reported is a bug. Workaround is to call the filterable plugin: http://jsbin.com/EgOzEfIL/11/edit
I also tried the new way, by adding the filter input in the markup, but there seems to be an issue there too (the input is not enhanced): http://jsbin.com/EgOzEfIL/16/edit
@gabrielschulhof @frequent - Can you look into this? Thanks!
Filterable: Instantiate on data-filter="true" listview for backcompat
(cherry picked from commit f2c2128)