j-FormTab

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Komponenta pohybuje obsah této složky pod označením <body> (z důvodu umístění)
Kompozice čeká Array

Konfigurace:

width {Number} Široká forma
widthlg {Number} šířka formy pro zařízení lg (předvolené: config.width)
widthmd {Number} šířka formy pro zařízení md (předvolené: config.width)
widthsm {Number} šířka formy pro zařízení sm (předvolené: config.width)
widthxs {Number} šířka formy pro zařízení xs (předvolené: config.width)
height {Number} výška tvaru
heightlg {Number} výška tvaru pro přístroje lg (předvolené: config.height)
heightmd {Number} výška tvaru pro přístroje md (předvolené: config.height)
heightsm {Number} výška tvaru pro přístroje sm (předvolené: config.height)
heightxs {Number} výška tvaru pro přístroje xs (předvolené: config.height)
margin {Number} je standardní mezí mezi formuláři (default: 10)
marginlg {Number} je standardní limit pro zařízení lg (default: config.margin)
marginmd {Number} je standardní limit pro zařízení md (default: config.margin)
marginsm {Number} je standardní limit pro zařízení sm (default: config.margin)
marginxs {Number} je standardní limit pro zařízení xs (default: config.margin)
marginfullscreen {Number} je výchozí limit pro režim plné obrazovky (důvodní: 20)
marginfullscreenlg {Number} je standardní plnohodnotný displej pro zařízení lg (default: config.marginfullscreen)
marginfullscreenmd {Number} je standardní plnohodnotný displej pro zařízení md (default: config.marginfullscreen)
marginfullscreensm {Number} je standardní plnohodnotný displej pro zařízení sm (default: config.marginfullscreen)
marginfullscreenxs {Number} je standardní plnohodnotný displej pro zařízení xs (default: config.marginfullscreen)
submit {String} odkaz na globální funkci function(meta, data, hide) a je spuštěn, pokud je tlačítko předložení stisknuto
cancel {String} odkaz na globální funkci a je spuštěn, pokud je tlačítko cancel stisknuto
enter {Boolean} automaticky zaznamenává klíč enter a virtuálně klikne na tlačítko předložit (podle předvolby: false)
onclose {String} odkaz na funkci function(item, close) (volitelné)
onopen {String} odkaz na funkci function(item, el) (volitelné)
autofocus {Boolean} umožňuje automatické soustředění pro první vstup (přesněji: false)
NEW right {Number} pravá hranice (příslušenství: 0)
NEW bottom {Number} spodní marže (odpověď: 0)
NEW useminheight {Boolean} používá min-height namísto atributu height CSS (předvolený: false)

Dobré vědět:

Každý prvek s třídou cancel bude použit jako tlačítko pro zrušení

zdroj dat:

[
	{
		// Required
		id: 'YOUR_ID_OF_THE_FORM',
		name: 'YOUR_NAME_OF_THE_FORM',

		// Optional
		minimized: true,
		data: { blabla: '"data" will be cloned into the form scope' }
		// NEW: scope: false (disables scope)
		// NEW: scope: mycustomscopepath
	}
]

Použijte ji s <ui-component name="formtab">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<ui-component name="formtab" path="common.formtab">
	<script type="text/html">
		<div class="padding">
			YOUR CONTENT HERE.
		</div>
	</script>
</ui-component>

<script>
	var common = {};
	common.formtab = [];
	common.formtab.push({ id: '1', name: 'New message' });
	common.formtab.push({ id: '2', minimized: true, name: 'Message: John Deal' });
	common.formtab.push({ id: '3', minimized: true, name: 'Message: Denis Granec' });
</script>