# j-Search

> Componente di ricerca completa: questo componente può visualizzare / nascondere gli elementi in base alla frase di ricerca.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: 6f4f5baf12271ae0041dd1c04de68580e55467ccf42f3ecfa37e0826ad9556f5
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Componente di ricerca completa: questo componente può visualizzare / nascondere gli elementi in base alla frase di ricerca.


__Configurazione__:

- `selector {String}` JQuery per la ricerca
- Attribuzione di elemento `attribute {String}` che contiene una frase di ricerca (default: `data-search`)
- `class {String}` questa classe verrà utilizzata se l'elemento non è trovato (default: `hidden`)
- Il ritardo di stampa `delay {Number}` (default: `50` ms)
- `delaydatasource {Number}` un ritardo per la ricerca di nuovo quando la fonte dei dati è cambiata (default: `100` ms)
- __UPD__ `exec {String}` un link a `function(stats:{ total: Number, count: Number, hidden: Number, search: String, is: Boolean })` che verrà valutato se il componente cerca qualcosa
- `datasource {String}`: un percorso verso la fonte di dati per monitorare i cambiamenti
- `splitwords {Boolean}` cerca di trovare la parola in diverse posizioni (default: `true`)
- __NEW__ `custom {String}` un percorso per la ricerca personalizzata `Function(element, search) must return Boolean`

__Buono sapere__:

Questo componente aggiunge le classi qui sotto automaticamente quando:

- La classe `ui-search-used` viene aggiunta quando l'utente cerca qualcosa
- La classe `ui-search-empty` viene aggiunta quando l'utente cerca qualcosa e allo stesso tempo non è stato trovato nulla

Utilizzare con `<ui-component name="search">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

```html example.html
<ui-component name="textbox" path="search" config="type:search"></ui-component>
<br />
<ui-component name="search" path="search" config="selector:div">
	<div data-search="Apples">Apples</div>
	<div data-search="Oranges">Oranges</div>
	<div data-search="Pears">Pears</div>
	<div data-search="Black-eye bean">Black-eye bean</div>
	<div data-search="Broccoli">Broccoli</div>
</ui-component>

<script>
	var search = '';
</script>
```