Web Component: j-Search
j-Search
Simple fulltext search component. This component can show/hide elements according to the searching phrase.
Configuration:
selector
{String} jQuery selector for searchingattribute
{String} element attribute which contains a search phrase (default:data-search
)class
{String} this class will be used if the element is not found (default:hidden
)delay
{Number} typing delay (default:50
ms)delaydatasource
{Number} a delay for re-search when the data-source is changed (default:100
ms)- UPD
exec
{String} a link tofunction(stats:{ total: Number, count: Number, hidden: Number, search: String, is: Boolean })
which will be evaluated if the component searches for something datasource
{String} a path to data-source for watching of changessplitwords
{Boolean} tries to find word in various position (default:true
)- NEW
custom
{String} a path to theFunction(element, search) must return Boolean
for custom searching
Good to know:
This component adds the classes below automatically when:
- class
ui-search-used
is added when the user searches for something - class
ui-search-empty
is added when the user searches for something and at the same time nothing was found
Author
- Peter Širka petersirka@gmail.com
- License
Created
01. august 2016
Updated
01. february 2023
Version
v1
License
https://www.totaljs.com/license/
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com