j-Listing

• Práce s celou Arrays pouze na straně klienta

Konfigurace:

• count {Number} Volitelné, položky na stránku (předvolené: 20)
• pages {Number} Volitelné, maximální stránky v stránce (předvolené: 3 -> polovina + aktuální stránka + polovina)
• scrolltop {Boolean} se automaticky otáčí, když uživatel změní stránku
• parent {String} jQuery selektor pro získání výšky, umožňuje pevnou plochu s přizpůsobenými scrollbars
• margin {Number} je marže pro parent (předvolený: 0)
• marginxs {Number} volitelné, horní / dolní hranice spolu pro šířku obrazovky xs
• marginsm {Number} volitelné, horní / dolní hranice spolu pro šířku obrazovky sm
• marginmd {Number} volitelné, horní / dolní hranice spolu pro šířku obrazovky md
• marginlg {Number} volitelné, horní / dolní hranice spolu pro šířku obrazovky lg
• pluralizeitems {String} pluralita pro počítání všech položek, formulář: # zero,# one,# two-four,# five and more
• pluralizepages {String} pluralita pro počítání všech položek, formulář: # zero,# one,# two-four,# five and more
• NEW: scrollbarshadow {Boolean} umožňuje sklonový stín

Tangular rozložení:

• body {String} obsahuje všechny renderované položky, výstup je HTML
• page {Number} Aktuální číslo stránky
• pages {Number} Počet stránek
• count {Number} počítání položek

Tangular položky:

• model obsahuje objekt z Array
• Druhý model obsahuje informace o zdroji dat { index: Number, page: Number, pages: Number, count: Number }

Použijte ji s <ui-component name="listing">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.

<div class="row">
	<div class="col-sm-6">
		<h2>With layout</h2>
		<ui-component name="listing" path="items">
			<script type="text/html">
				<div class="col-xs-4">
					<div>Item: {{ name }}</div>
				</div>
			</script>
			<script type="text/html">
				<div><b>Layout:</b></div>
				<br />
				<div class="row">{{ body | raw }}</div>
			</script>
		</ui-component>
		<br />
	</div>

	<div class="col-sm-6">
		<h2>Without layout</h2>
		<ui-component name="listing" path="items" config="count:8">
			<script type="text/html">
				<div>
					<div>Item: {{ name }}</div>
				</div>
			</script>
		</ui-component>
		<br />
	</div>
</div>

<script>

	var items = [];
	for (var i = 0; i < 100; i++)
		items.push({ name: GUID(10) });

</script>