bootstrap list filter
Search elements in Bootstrap lists
Features
complete mobile responsive
dynamic list generation
support preloaded list
custom html and node item
custom data format
filter by sub elements
search text in case sensitive
search text in initial position or full
Settings
delay:
millisecond before apply filter
minLength:
min string lentgh searched
initial:
search only initial text (default: true)
eventKey:
event digit (default: 'keyup')
resetOnBlur:
auto reset selection
sourceData:
function generate data source(receive: text, callback)
sourceTmpl:
html template contains {title} placeholder
sourceNode:
function builder DOM html fragment (default: sourceTmpl)
emptyNode:
function builder for empty result
itemEl:
item selector (default: .list-group-item)*
itemChild:
sub item selector (default: .list-group-item)*
itemFilter:
function for filter results(receive: text, item)
Code repositories
Github.com
Bitbucket.org
Node Packaged Module
Atmosphere MeteorJS
Homepage
https://opengeo.tech/bootstrap-list-filter/
Download
Dev Pack (.zip)
Examples
examples/cancel-button.html
examples/custom-list-item.html
examples/dynamic-list-search.html
examples/multiple-field.html
examples/static.html
Github
For questions and bugs
I recommend you to
create New Issue
on Github repository.
This is a micro discussion area for methods of implementation.