# j-Parts

> Αυτό το περιεχόμενο μπορεί να χειριστεί πολλαπλά τμήματα που αποθηκεύονται στο Array και να επικεντρωθεί σε ένα συγκεκριμένο μέρος.

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

Αυτό το περιεχόμενο μπορεί να χειριστεί πολλαπλές `parts` αποθηκευμένες στο `Array` και να επικεντρωθεί σε ένα συγκεκριμένο μέρος.


__ΕΠΙΤΡΟΦΗ__:

- Το μέγεθος της γονικής περιοχής `parent {String}` λόγω του μερικού μεγέθους (προεπιλεγμένο: `auto`)
- Φυσικά, η οριζόντια περιθώριο `margin {Number}` (προεπιλεγμένη: `0`)
- `create {String}` ένα σύνδεσμο με το `function(part)`, εκτελείται εάν δημιουργηθεί το μέρος (αποκαλείται μία φορά)
- Το `focus {String}` συνδέεται με το `function(part)`, εκτελείται εάν το μέρος εστιάζει
- Το `close {String}` συνδέεται με το `function(part)`, εκτελείται εάν το τμήμα είναι κλειστό

__Καλό να γνωρίζεις 1__:

- Οι φράσεις `~PATH~` αντικαθίστανται αυτόματα από `item.path`
- Οι φράσεις `~ID~` αντικαθίστανται αυτόματα από `item.id`

__Ετικέτες Ειδικότητα__:

- `item.id {String}` Πολύ σημαντικό, αναγνωριστικό μέρους
- `item.blur {String/Function(el, item)}` προαιρετική, μια σύνδεση με το `function(element, item)` αν το μέρος είναι εστιασμένο
- `item.focus {String/Function(el, item)}` ή `item.reload {String}` προαιρετική, μια σύνδεση με το `function(element, item)` εάν το μέρος είναι εστιασμένο
- `item.remove {String/Function(el, item)}` προαιρετική, σύνδεση με το `function(element, item)` εάν το μέρος αφαιρείται
- `item.html {String}`: Περιεχόμενο HTML ή χρήση `item.url`
- Η διεύθυνση URL του `item.import {String}` για το περιεχόμενο
- Το `item.path {String}` αντικαθιστά αυτόματα όλες τις φράσεις του `~PATH~`.
- `item.delay {Number}` καθυστέρηση για την αφαίρεση της κατηγορίας `invisible`
- __NEW__ `item.attrd {Object}` προσθέτει χαρακτηριστικά `data-key` στο στοιχείο

__Η επέκταση του συστατικού__:

- Το `item.focused {Boolean}` καθορίζει αν το μέρος είναι εστιασμένο ή όχι
- Παρουσίαση `item.element {jQuery}`

__Μέθοδοι__:

- Το `component.close(id)` κλείνει
- Το `component.focus(id)` επικεντρώνεται
- `component.rename(id, name, [icon])` ανακαλείται

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

```html example.html
<ui-component name="exec">

	<ui-bind path="myparts" config="template" class="block">
		<script type="text/html">
			{{ foreach m in value }}
			<button class="exec" data-exec="changepart" data-id="{{ m.id }}"><i class="ti ti-times exec mr5" data-prevent="true" data-exec="closepart"></i>{{ m.name }}</button>
			{{ end }}
		</script>
	</ui-bind>
	<br />

	<div style="width:600px;height:300px;border:1px solid #E0E0E0">
		<ui-component name="parts" path="myparts" config="parent:auto"></ui-component>
	</div>

</ui-component>

<script>
	var myparts = [];

	myparts.push({ id: '1', name: 'Part 1', html: '<div class="padding">Part 1</div>' });
	myparts.push({ id: '2', name: 'Part 2', html: '<div class="padding">Part 2</div>' });
	myparts.push({ id: '3', name: 'Part 3', html: '<div class="padding">Part 3</div>' });

	function changepart(el ,e) {
		var id = ATTRD(el);
		SETTER('parts/focus', id);
	}

	function closepart(el, e) {
		var id = ATTRD(el);
		SETTER('parts/close', id);
	}

</script>
```