# j-SelectBox

> j-SelectBox: NEW raw {Boolean} (optionnel) permet que le HTML brut soit rendu comme texte (defaut : faux)

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

__Configuration__ :

- `required {Boolean}` (optionnel) permet `required` (defaut: __false__)
- `items {String}` (facultatif) éléments statiques `key1|value1, key2 with value, key3|value`
- `type {String}` (facultatif) peut être `number` (convertit les valeurs `String` en `Number`)
- Chemin `datasource {String}` vers la source de données (doit être un tableau)
- `text {String}` détermine un nom de propriété pour le texte (dans la source de données), par défaut : `name`
- `value {String}` détermine un nom de propriété pour la valeur (dans la source de données) par défaut : `id`
- `empty {String}` (facultatif) ajoute un champ vide
- `disabled {Boolean}` (facultatif) désactive ce composant
- `search {String}` (optionnel) permet la boîte de recherche avec cette valeur en tant que locataire
- `height {Number}` (optionnel) hauteur (defaut : `200`)
- Fonction de flèche `if {String}` (facultatif) comme condition de filtrage de la source de données, exemple : `if:n => !n.removed`
- __NEW__ `raw {Boolean}` (optionnel) permet que le HTML brut soit rendu comme texte (defaut: `false`)

Utilisez-le avec `<ui-component name="selectbox">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

```html example.html
<div style="width:400px">
	<ui-component name="selectbox" path="items" config="search:Search;required:true;items:Blue|1,Red|2,Green|3,Purple|4,Orange|5,Rose|6,Gray|7,Black|0;type:number"></ui-component>
</div>

<script>
	var items = [2, 5];
</script>
```