# j-DropdownCheckbox

> j-DropdownCheckbox: Nový nyní podporuje temný režim

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

- __NEW__ nyní podporuje tmavé módy


__Konfigurace__:

- `required {Boolean}` (volitelně) umožňuje „potřebné“ (podmínkou: `false`)
- `items {String}` (volitelné) statické položky `key1|value1, key2 with value, key3|value`
- `icon {String}` (volitelná) ikona pro označení bez `ti-` např. `home`, `cog`, atd.
- `checkicon {String}` (volitelná) kontrolní ikona bez `ti-`, (předběžně: `check`).
- `label {String}` (volitelné) štítky (default je obsah HTML)
- `datasource {String}` cesta k datovému zdroji (musí být vyřízena)
- `text {String}` určuje název vlastnictví pro text (v datovém zdroji), předvolený: `name`
- `value {String}` určuje název majetku pro předvolbu hodnoty (v datovém zdroji):`id`
- `disabled {Boolean}` (volitelně) zakazuje tuto složku
- `cleaner {Boolean}` (volitelně) odstraňuje neexistující hodnoty (default: `true`)
- `limit {Number}` (volitelně) stanoví limit pro vybrané položky (podle předpokladu: `0`)
- `visible {Number}` (volitelně) nastaví maximální viditelné položky a pak zobrazí `X selected` (podmínkou: `0`)
- `selectedtext {String}` (volitelně) nastaví zprávu pro maximální viditelné položky, např. `{0} selected from {1}` (předběžně: `{0} selected`)
- `alltext {String}` (volitelné), když jsou všechny položky vybrány, zobrazí se to (případně: `All selected` můžete vypnout pomocí `null`)
- `placeholder {String}` (volitelně) nastaví text pro držitele místa

Použijte ji s `<ui-component name="dropdowncheckbox">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```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>
```