# j-ToggleBox

> ToggleBox môže zmeniť poradie alebo skryť položky v poli. Komponent očakáva Array.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: c1026ed652bcef6ba46d68d0ddd89e1cdc140bb3853d57413c0ea89d0b03ebb5
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

ToggleBox môže zmeniť poradie alebo skryť položky v `Array`. Komponent očakáva `Array`.

__Konfigurácia__:

- `dragdrop` {Boolean} Povolí/zakáže presúvanie myšou (predvolené: true)
- `text` {String} Názov vlastnosti pre text (musí byť `String`, predvolená hodnota: `name`)
- `hidden` {String} Vlastnosť na zobrazenie/skrytie (musí byť `Boolean`, predvolená hodnota: `hidden`)
- `disabled` {Boolean} Môže zakázať ovládanie (predvolené: `false`)
- `replace` {Boolean} Môže nahradiť polohu prvkov (predvolené: `false`)

Použite ho so `<ui-component name="togglebox">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html 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>
```