Bugfix in listview filter

Bugfix in listview filter

It seems that the search input is added on every refresh.

Here is a small bugfix for this.
Also, I added a bind on the submit button so that the keyboard disappear on submit.

See changes in green in the below code.

Cheers

  2. /*
  3. * jQuery Mobile Framework : "listview" filter extension
  4. * Copyright (c) jQuery Project
  5. * Dual licensed under the MIT or GPL Version 2 licenses.
  6. * http://jquery.org/license
  7. * 
  8. * @Modified from the original version ( bugfix where filter bar was inserted on every refresh, also binded a submit event on the search input
  9. */
  10. (function($, undefined ) {

  12. $.mobile.listview.prototype.options.filter = false;

  14. $( "[data-role='listview']" ).live( "listviewcreate", function() {
  15. var list = $( this ),
  16. listview = list.data( "listview" );
  17. if ( !listview.options.filter ) {
  18. return;
  19. }

  21. var wrapper = $( "<form>", { "class": "ui-listview-filter ui-bar-c", "role": "search" } ),

  23. search = $( "<input>", {
  24. placeholder: "Filter results...",
  25. "data-type": "search"
  26. })
  27. .bind( "keyup change", function() {
  28. var val = this.value.toLowerCase(),
  29. listItems = list.children();
  30. listItems.show();
  31. if ( val ) {
  32. // This handles hiding regular rows without the text we search for
  33. // and any list dividers without regular rows shown under it
  34. var childItems = false,
  35. item;

  37. for (var i = listItems.length; i >= 0; i--) {
  38. item = $(listItems[i]);
  39. if (item.is("li[data-role=list-divider]")) {
  40. if (!childItems) {
  41. item.hide();
  42. }
  43. // New bucket!
  44. childItems = false;
  45. } else if (item.text().toLowerCase().indexOf( val ) === -1) {
  46. item.hide();
  47. } else {
  48. // There's a shown item in the bucket
  49. childItems = true;
  50. }
  51. }
  52. }
  53. })
  54. .appendTo( wrapper )
  55. .textinput();
  57. // Kill the keyboard on submit
  58. wrapper.submit(function(e){
  59. e.preventDefault();
  60. //kill the keyboard
  61. $( window.document.activeElement ).blur();
  62. return false;
  63. });
  65. // Remove old search input
  66. if (list.prevAll(".ui-listview-filter") && list.prevAll(".ui-listview-filter").remove) {
  67. list.prevAll(".ui-listview-filter").remove(); 
  68. }
  69. wrapper.insertBefore( list );
  70. });

  72. })( jQuery );