j-DropdownCheckbox

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

NUEVO ahora admite el modo oscuro

Configuración:

required {Boolean} (opcional) habilita "requerido" (predeterminado: false)
items {String} (opcional) elementos estáticos key1|value1, key2 with value, key3|value
Icono icon {String} (opcional) para etiqueta sin ti-, p. home, cog, etc.
Icono de verificación checkicon {String} (opcional) sin ti-, (predeterminado: check).
Etiqueta label {String} (opcional) (el contenido predeterminado es HTML)
datasource {String} ruta a la fuente de datos (debe ser una matriz)
text {String} determina un nombre de propiedad para el texto (en la fuente de datos), predeterminado: name
value {String} determina un nombre de propiedad para el valor (en la fuente de datos) predeterminado: id
disabled {Boolean} (opcional) desactiva este componente
cleaner {Boolean} (opcional) elimina valores que no existen (predeterminado: true)
limit {Number} (opcional) establece un límite para los elementos seleccionados (predeterminado: 0)
visible {Number} (opcional) establece un máximo de elementos visibles y luego muestra X selected (predeterminado: 0)
selectedtext {String} (opcional) establece un mensaje para el máximo de elementos visibles, p. {0} selected from {1} (predeterminado: {0} selected)
alltext {String} (opcional) cuando se seleccionan todos los elementos, esto se muestra (predeterminado: All selected, puede desactivarlo con null)
placeholder {String} (opcional) establece un texto para marcador de posición

Úselo con <ui-component name="dropdowncheckbox">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>