j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

NEW teraz podporuje tmavé módy

Konfigurácia:

required {Boolean} (voliteľné) povolí "povinné" (predvolené: false)
items {String} (voliteľné) statické položky key1|value1, key2 with value, key3|value
icon {String} (voliteľná) ikona pre značku bez ti- napr. home, cog, atď.
checkicon {String} (voliteľná) kontrolná ikona bez ti-, (predvolená: check).
label {String} (voliteľná) značka (predvolená je obsah HTML)
datasource {String} cesta k zdroju údajov (musí byť pole)
text {String} určuje názov vlastnosti pre text (v zdroji údajov), predvolené: name
value {String} určuje názov majetku pre predvolenú hodnotu (v zdroji údajov) :id
disabled {Boolean} (voliteľné) deaktivuje tento komponent
cleaner {Boolean} (voliteľne) odstraňuje neexistujúce hodnoty (default: true)
limit {Number} (voliteľné) stanovuje limit pre vybrané položky (predvolené: 0)
visible {Number} (voliteľne) nastaví maximálne viditeľné položky a potom zobrazí X selected (predvolené: 0)
selectedtext {String} (voliteľne) nastaví správu pre maximálne viditeľné položky, napr. {0} selected from {1} (predvolené: {0} selected)
alltext {String} (voliteľné) keď sú všetky položky vybrané, zobrazí sa to (predvolené: All selected môžete vypnúť s null)
placeholder {String} (voliteľne) nastaví text pre držiteľa miesta

Použite ho so <ui-component name="dropdowncheckbox">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

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>