Geek Answers Handbook

Filter a large list on the client side

I am trying to filter a large list of tabular data using a text keyboard.

In the past, I worked with much smaller lists and used a solution similar to the following

http://kilianvalkhof.com/2010/javascript/how-to-build-a-fast-simple-list-filter-with-jquery/

and

http://papermashup.com/jquery-list-filtering/

With their help, you iterate over the list with the contents of your filter and switch individual displays depending on whether to show it or not.

I am trying to do this filtering without using any additional plugins (apart from everything that comes with jquery)

I am also trying to keep client side filtering.

Here is my markup

<div>
  <table>
     <tbody>
         <tr class="mm-list-control-item" data-code="WHLO-AM">
           <td> WHLO-AM </td>
           <td>Rubber City</td>
           <td>Classic Hits</td>
         </tr>           
         <tr class="mm-list-control-item" data-code="WHLO-AM">
           <td> WHLO-AM </td>
           <td>Rubber City</td>
           <td>Classic Hits</td>
         </tr>
         <tr class="mm-list-control-item" data-code="WKDD-FM">
           <td> WKDD-FM </td>
           <td>Rubber City</td>
           <td>Classic Hits</td>
         </tr>
         <tr class="mm-list-control-item" data-code="WNIR-FM">
           <td> WNIR-FM </td>
           <td>Rubber City</td>
           <td>Classic Hits</td>
         </tr>
     <tbody>
  <table>
</div>

I am filtering the contents of the data. Also the size of my list is about 2000 items (tr).

: , . . , , .

+5
2

,

1)

, , . dom , , html, html, , - , .

2) dom, .

jquery , , jquery, .

, : http://jsperf.com/jquery-children-vs-findall

, , jquery , .

:

.

, . html js, . , , , .

:

, , , QA, , , , .

+1

( )?

, 2k .
2k , .
, ajax, .
/ ajax , .

+1

More articles:


All Articles