ForgeComponenten
nl

Componenten

j-ToggleBox

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

ToggleBox kan items opnieuw bestellen of verbergen ArrayDe component verwacht Array.

Configuratie:

  • dragdrop {Boolean} Toegeeft / Afwijkt drag&drop (default: waar)
  • text {String} Een eigendomsnaam voor tekst (het moet String, standaard: name)
  • hidden {String} Een eigenschap voor show/hide (het moet Boolean, standaard: hidden)
  • disabled {Boolean} kan de controle uit te schakelen (default: false)
  • replace {Boolean} kan de positie van elementen vervangen (default: false)

Gebruik het met <ui-component name="togglebox">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>