j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

NEW susține acum modul întunecat

Configurarea:

required {Boolean} (opțional) permite "required" (default: false)
items {String} (opțional) elemente statice key1|value1, key2 with value, key3|value
icon {String} (opțional) icon pentru eticheta fara ti- de exemplu home, cog, etc.
Iconul de verificare checkicon {String} (opțional) fără ti-, (default: check).
label {String} (opțional) etichetă (default este conținutul HTML)
datasource {String} - Calea către sursa de date (trebuie să fie array)
text {String} determină un nume de proprietate pentru text (în sursă de date), în mod implicit: name
value {String} determină un nume de proprietate pentru valoarea (în sursă de date) în mod implicit :id
disabled {Boolean} (opțional) dezactiva acest component
cleaner {Boolean} (opțional) îndepărtează valorile care nu există (default: true)
limit {Number} (opțional) stabilește o limită pentru elementele selectate (default: 0)
visible {Number} (opțional) stabilește un element vizibil maxim, apoi afișează X selected (default: 0)
selectedtext {String} (opțional) stabilește un mesaj pentru obiecte vizibile maxime, de exemplu {0} selected from {1} (default: {0} selected)
alltext {String} (opțional) atunci când toate elementele sunt selectate acest lucru este afișat (defață: All selected puteți dezactiva cu null)
placeholder {String} (opțional) stabilește un text pentru localizator

Utilizați-l cu <ui-component name="dropdowncheckbox">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>