Comments (6)
Note: This works in Chrome (26), but appears to have adverse effects in Firefox (19) and makes IE 9 unresponsive. I probably shouldn't be filtering 8000+ elements anyway...
from jquery-fastlivefilter.
I am having the same issue with a smaller list size (noticeable hangups filtering ~1.5k entries). Admittedly that is still a very large list to be filtering client side.
The weird thing is that forward filtering (that is to say typing an entry) works great, but erase all of the characters in the search box and it all lags hard.
My javascript skills are a bit lacking, but I had a thought. Why can't we have an external condition that intercepts the loop. Pseudocode thoughts as follows:
on-change {
if(filter is empty){
reset all elements to visible
}
else {run the rest of the loop}
}
Have any thoughts? (will it work / anyone willing to help me code that bit up)?
from jquery-fastlivefilter.
That's sort of a one-off solution. After you've filtered down to "gold", what happens if you delete all but one character, leaving "g"? Is it still slow? 1.5k elements shouldn't be too troublesome, as the demo has over 2k.
Also, your actual search time is quite slow. For me, the search itself didn't take too long, it was updating the DOM that was taking forever.
from jquery-fastlivefilter.
Truthfully I am not sure what is causing the hold up, but certainly deleting all of the characters at once (ie. clearing the filter) seems to hold things up quite a bit.
I ran a couple tests and can attach the following screenshot:
It seemed to move decently fast when incrementing by one character and even works great going from empty to "gold" directly. But move from "gold" to "" and the entire browser window hangs.
On second look, I realize that there is no problem with the example page, and I am beginning to think this is my implementation.
It's just very baffling to me.
from jquery-fastlivefilter.
I have exactly your problem! I have 8109 entries and the "forward" works perfekt on both crome and firefox, but "backwards" it kills chrome/ lets firefox take some long break. It would be awsome if someone could sort that out. Here's a fiddle with my original data:
from jquery-fastlivefilter.
Any Idea, if there is a fix?
from jquery-fastlivefilter.
Related Issues (19)
- fading HOT 8
- Add option to highlight the keyword(s) in the string HOT 3
- Search not working on Tables HOT 1
- Filter is removing <a> tags from links HOT 1
- Possibility to have more than one input (add a selectbox or something)
- search on entire "nested" html markup HOT 1
- clear text button HOT 2
- Filter a set of tables based on text in a td of each table HOT 1
- Turkey "İ" problem HOT 1
- Reset x button does not work in IE HOT 1
- How to reinitialise plugin if DOM changes? HOT 4
- How to reverse the process, so that matching results are shown after being hidden HOT 1
- Not working in IE HOT 5
- Unable to work due to error
- Support HTML5 search inputs
- options argument isn't actually optional HOT 1
- Accents HOT 4
- IE hiding all items HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-fastlivefilter.