# j-ServerListing

> j-ServerListing: εύκολη χρήση, δεύτερο μοντέλο $ περιέχει πληροφορίες σχετικά με την πηγή δεδομένων { δείκτη: αριθμός, σελίδα: αριθμό, σελίδες: αριθμούς, αριθμούς: αριθμοί, αξία: YOURDATA }

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

__ΕΠΙΤΡΟΦΗ__:

- `paginate {String}` σύνδεση με μια λειτουργία `function(page)` για τη σελίδα
- `pages {Number}` max. σελίδες σε σελίδα (προεπιλογή: `3` -> μισή + τρέχουσα σελίδα + μισή)
- Το `scrolltop {Boolean}` περιστρέφεται αυτόματα όταν ο χρήστης αλλάζει μια σελίδα
- `parent {String}` jQuery επιλεκτήρα για την απόκτηση ύψους, επιτρέπει μια σταθερή περιοχή με προσαρμοσμένες στροφές
- `margin {Number}` ένα περιθώριο για το `parent` (προεπιλεγμένο: `0`)
- `marginxs {Number}` προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης `xs`
- `marginsm` μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης `sm`
- `marginmd` μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης `md`
- `marginlg` μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης `lg`
- `pluralizeitems` μια πολλαπλασιασμός για τον αριθμό όλων των στοιχείων, φόρμα: `# zero,# one,# two-four,# five and more` (αν κενό, ο αριθμός θα είναι κρυμμένος)
- `pluralizepages` μια πολλαπλασιασμός για τον αριθμό όλων των στοιχείων, φόρμα: `# zero,# one,# two-four,# five and more` (αν κενό, ο αριθμός θα είναι κρυμμένος)
- Το `modulo {Number}` μπορεί να προσθέσει κενά στοιχεία με το αντικείμενο `{ EMPTY: 1 }` (προεπιλεγμένο: `0`)
- Το `nopages {Boolean}` μπορεί να κρύψει τη σελίδα εάν οι σελίδες είναι λιγότερες από το `2` (προεπιλεγμένο: `false`)

__Μοντέλο__:

Το μοντέλο πρέπει να είναι στην παρακάτω μορφή:

```javascript
{
	page: Number,
	count: Number,
	pages: Number,
	items: [{...}, {...}]
}
```

__ΦΙΛΟΦΙΛΟΣ Tangular__:

- `body` {String} περιέχει όλα τα αντικείμενα, η παραγωγή είναι __HTML__
- `page` {Αριθμός} τρέχον αριθμό σελίδας
- `pages` αριθμός σελίδων
- `count` αριθμός στοιχείων

__Tangular Ετικέτες__:

- Το `model` περιέχει ένα αντικείμενο από το `Array`
- Το δεύτερο μοντέλο `$` περιέχει πληροφορίες σχετικά με την πηγή δεδομένων `{ index: Number, page: Number, pages: Number, count: Number, value: YOUR_DATA }`

Χρησιμοποιήστε το με `<ui-component name="serverlisting">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

```html example.html
<div class="row">
	<div class="col-sm-6">
		<h2>With layout</h2>
		<ui-component name="serverlisting" path="model" config="paginate:gotopage">
			<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="serverlisting" path="model" config="paginate:gotopage">
			<script type="text/html">
				<div>
					<div>Item: {{ name }}</div>
				</div>
			</script>
		</ui-component>
		<br />
	</div>
</div>

<script>

	var model = {};
	model.page = 1;
	model.pages = 3;
	model.count = 10;
	model.items = [];

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

	function gotopage(page) {
		alert('GO TO PAGE:' + page);
	}

</script>
```