j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

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.

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>