# j-Listing

> j-Listing: snadné používání; pracuje s celou Arrays pouze na straně klienta

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

- 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.

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