# j-ListBox

> j-ListBox: nuovo modo oscuro; funziona con Bootstrap

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

- Il nuovo modo oscuro
- Lavorare con Bootstrap

__Configurazione__:

- `required` {Boolean} permette `required` (default: __false__)
- `items` Gli elementi statici `key1|value1, key2 with value, key3|value`
- `type` {String} può essere `number` (converte i valori di `String` a `Number`)
- `datasource` {String} percorso verso la fonte di dati (deve essere array)
- `text` {String} determina un nome di proprietà per testo (in fonte dati), predefinito: `name`
- `value` {String} determina un nome di proprietà per valore (in fonte dati) default: `id`
- `empty` {String} aggiunge un campo vuoto
- `disabled` {Boolean} disabilita questo componente
- `search` {String} consente la casella di ricerca con questo valore come locatore
- `height` {Numero/String} altezza (default: `200`), `string` può contenere `parent`, `window` o `.parent_selector`
- `multiple` {Boolean} `true` prevede `Array` in `path` (default: `false`)
- `exec` {String} un collegamento alla funzione che viene eseguito quando l'utente fa clic sull'oggetto

Utilizzare con `<ui-component name="listbox">`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
<div style="width:400px">
	<ui-component name="listbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|8;type:number"></ui-component>
</div>

<script>
	var items = 3;
</script>
```