j-ToggleBox

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

ToggleBox puede reordenar u ocultar elementos en Array. El componente espera Array.

Configuración:

dragdrop {Booleano} Habilita/Deshabilita arrastrar y soltar (predeterminado: verdadero)
text {String} Un nombre de propiedad para texto (debe ser String, predeterminado: name)
hidden {String} Una propiedad para mostrar/ocultar (debe ser Boolean, predeterminado: hidden)
disabled {Booleano} Puede desactivar el control (predeterminado: false)
replace {Booleano} Puede reemplazar la posición de los elementos (predeterminado: false)

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

example.html

<div style="width:200px">
	<ui-component name="togglebox" path="items"></ui-component>
</div>

<script>
	var items = [{ name: 'Column 1', hidden: false }, { name: 'Column 2', hidden: true }, { name: 'Column 3', hidden: false }, { name: 'Column 4', hidden: false }, { name: 'Column 5', hidden: true }, { name: 'Column 6', hidden: false }, { name: 'Column 7', hidden: false }];
</script>