Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-22 23:24:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

data-filter performance optimization

Browse source 
- algorithmic optimization of listview.filter
- functional optimization by supporting data-filtertext attribute

includes patch from mathieucarbou: f58631d07d
This commit is contained in:
Nabil Saleh 2011-04-19 11:25:48 +02:00
parent 702e89f034
commit 9cb8673e68
1 changed files with 24 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
js/jquery.mobile.listview.filter.js
View file

@ -24,31 +24,48 @@ $( ":jqmData(role='listview')" ).live( "listviewcreate", function() {
})
.attr( "data-" + $.mobile.ns + "type", "search" )
.bind( "keyup change", function() {
var val = this.value.toLowerCase(),
listItems = list.children();
listItems.show();
lastval=$(this).jqmData('lastval')+"";
var val = this.value.toLowerCase(),listItems=null;
//change val as lastval for next execution
$(this).jqmData('lastval',val);
change=val.replace(new RegExp("^"+lastval),"");
if(val.length<lastval.length || change.length!=(val.length-lastval.length)){
//removed chars or pasted something totaly different, check all items
listItems = list.children()
}else{
//only chars added, not removed, only use visible subset
listItems = list.children(':visible');
}
if ( val ) {
// This handles hiding regular rows without the text we search for
// and any list dividers without regular rows shown under it
var childItems = false,
item;
item,itemtext="";
for (var i = listItems.length; i >= 0; i--) {
item = $(listItems[i]);
itemtext=item.jqmData('filtertext') || item.text();
if (item.is("li:jqmData(role=list-divider)")) {
if (!childItems) {
item.hide();
}
}else{
item.show();
}
// New bucket!
childItems = false;
} else if (item.text().toLowerCase().indexOf( val ) === -1) {
} else if (itemtext.toLowerCase().indexOf( val ) === -1) {
item.hide();
} else {
item.show();
// There's a shown item in the bucket
childItems = true;
}
}
}
}else{
listItems.show();
}
})
.appendTo( wrapper )
.textinput();