# j-DropdownCheckbox

> j-DropdownCheckbox: NEU unterstützt jetzt den Dunkelmodus

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

- __NEW__ unterstützt jetzt den Dunkelmodus


__Konfiguration__:

- `required {Boolean}` (optional) aktiviert „erforderlich“ (Standard: `false`)
- `items {String}` (optional) statische Elemente `key1|value1, key2 with value, key3|value`
- `icon {String}` (optional) Symbol für Beschriftung ohne `ti-` z.B. `home`, `cog` usw.
- `checkicon {String}` (optional) Häkchensymbol ohne `ti-`, (Standard: `check`).
- Label `label {String}` (optional) (Standard ist HTML-Inhalt)
- `datasource {String}` Pfad zur Datenquelle (muss ein Array sein)
- `text {String}` bestimmt einen Eigenschaftsnamen für Text (in der Datenquelle), Standard: `name`
- `value {String}` bestimmt einen Eigenschaftsnamen für den Wert (in der Datenquelle). Standardwert: `id`
- `disabled {Boolean}` (optional) deaktiviert diese Komponente
- `cleaner {Boolean}` (optional) entfernt nicht vorhandene Werte (Standard: `true`)
- `limit {Number}` (optional) legt ein Limit für ausgewählte Elemente fest (Standard: `0`)
- `visible {Number}` (optional) legt ein Maximum an sichtbaren Elementen fest und zeigt dann `X selected` an (Standard: `0`)
- `selectedtext {String}` (optional) setzt eine Nachricht für maximal sichtbare Elemente, z. B. `{0} selected from {1}` (Standard: `{0} selected`)
- `alltext {String}` (optional), wenn alle Elemente ausgewählt sind, wird dies angezeigt (Standard: `All selected`, Sie können es mit `null` deaktivieren)
- `placeholder {String}` (optional) legt einen Text für Platzhalter fest

Verwenden Sie es mit `<ui-component name="dropdowncheckbox">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html example.html
<div style="width:200px">
	<ui-component name="dropdowncheckbox" path="selected" config="required:true;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
<div style="width:200px;margin-top:30px">
	<ui-component name="dropdowncheckbox" path="selected2" config="placeholder:Placeholder;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
```