j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

_NEW__ stöder nu mörk mode

Konfigurera:

required {Boolean} (alternativt) möjliggör ”nödvändigt” (default: false)
items {String} (alternativ) statiska objekt key1|value1, key2 with value, key3|value
icon {String} (alternativ) ikon för etikett utan ti- t.ex. home, cog, etc.
checkicon {String} (alternativt) kontroll ikon utan ti-, (default: check).
label {String} (alternativt) etikett (default är HTML-innehåll)
datasource {String} väg till datakälla (must be array)
text {String} bestämmer ett äganderamn för text (i datakälla), standard: name
value {String} bestämmer ett egendomnamn för värde (i datakälla) standard :id
disabled {Boolean} (alternativt) inaktiverar denna komponent
cleaner {Boolean} (alternativt) tar bort icke-existerande värden (default: true)
limit {Number} (alternativt) sätter en gräns för valda objekt (default: 0)
visible {Number} (alternativt) ställer upp ett maximalt synligt objekt och visar sedan X selected (default: 0)
selectedtext {String} (alternativt) ställer in ett meddelande för maximala synliga objekt t.ex. {0} selected from {1} (default: {0} selected)
alltext {String} (alternativ) när alla objekt är markerade visas detta (default: All selected kan du inaktivera det med null)
placeholder {String} (alternativt) ställer in en text för platsinnehavaren

Använd den med <ui-component name="dropdowncheckbox">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>