j-Panel

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

Podporuje tmavý režim

Konfigurace:

Titulek title {String}
Požadavek if {String} pro zobrazení okna je ve srovnání s hodnotou v rámci path
icon {String} Ikony bez ti-
reload {String} odkaz na globální funkci a je spuštěn, pokud je formulář zobrazován
enter {Boolean} je volitelný, automaticky zachytí klíč enter a provádí předání (default: false)
autofocus {Boolean/String} volitelně, může se soustředit na vstup. String === jQuery selector pro vstup
default {String} volitelný, krátký alias pro DEFAULT(default, true)
closebutton {Boolean} volitelně, může skrývat tlačítko x (předvolené: false)
width {Number} volitelné, výchozí šířka panelu (důvodní: 300)
bg {Boolean} volitelně, může být deaktivován background (předvolený: true)
bgclose {Boolean} je volitelný, pokud uživatel klikne na pozadí, pak bude panel uzavřen (podle předvolby: false)
zindex {Number} je volitelný, může ovlivnit index z (default: 12)
close {String} volitelně, cesta/metoda se provádí jako path_to_method(com) když uživatel manuálně zavře panel pomocí tlačítka uzavření
scrollbar {Boolean} volitelně, umožňuje přizpůsobený scrollbar (default: true)
scrollbarY {Boolean} volitelně, zobrazuje vertikální přizpůsobené skříňky (default: true)
scrollbarshadow {Boolean} volitelně, umožňuje stín v sklonu (podmíněné: false)
menu {String} volitelně, odkaz na funkci (panel zobrazí tlačítko s ikonu burgeru v titulní řádku)
container {String} volitelný, jQuery selektor (tento kontejner znamená kontejnera pro scrollbar)
margin {Number} volitelný, margin pro container a jeho scrollbar (pracuje pouze s container)
closeicon {String} volitelný, Font-Awesome ikona (podmínkou: ti ti-times)
NEW closeesc {Boolean} uzavírá formulář, když uživatel stiskne klíč ESC

Dobré vědět:

Nová verze této složky podporuje dynamickou hodnocení obsahu <script type="text/html">. Příklad níže obsahuje skript s HTML a složka hodnotí obsah, pokud se zobrazí j-Panel (pouze jednou).

<ui-component name="panel" path="path" config="config">
	<script type="text/html">
		A CONTENT
	</script>
</ui-component>

Použijte ji s <ui-component name="panel">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="panel" path="common.panel" config="if:user;title:Title of this panel" class="hidden">
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
	<br />
	<div style="padding:20px">SOME CONTENT</div>
</ui-component>

<script>
	var common = {};
	common.panel = 'user';
</script>