# j-Navigation

> j-Navigation: ένα απλό στοιχείο πλοήγησης όπως το Δέντρο, εύκολο στην προσαρμογή

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

- Ένα απλό στοιχείο πλοήγησης όπως το δέντρο
- Εύκολο για προσαρμογή
- Υποστήριξη - Dark Mode


__ΕΠΙΤΡΟΦΗ__:

- Το `exec {String}` συνδέεται με τη λειτουργία
- `pk {String}` ένα κύριο κλειδί (προεπιλεγμένο: `id`) για να θυμάστε την τελευταία κατάσταση του δέντρου

__Πηγή δεδομένων__:

```javascript
[
	{
		id: 1,
		name: 'Text to navigation item',
		title: 'Optional, a title attribute',
		collapsed: true, // only for children, default "false"
		children: [
			// Can contain same structure as the parent
		]
	}
]
```

__Καλό να ξέρεις__:

- Μόνο τα αντικείμενα χωρίς παιδιά είναι κλικ
- Το `exec` επιστρέφει ένα ολόκληρο αντικείμενο

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

```html example.html
<div class="row">
	<div class="col-xs-6">
		<div style="border: 1px solid #E0E0E0">
			<ui-component name="navigation" path="items" config="exec:navclick"></ui-component>
		</div>
	</div>
</div>

<script>
	var items = [];
	items.push({ name: 'Home' });
	items.push({ name: 'Admin', collapsed: true, children: [{ name: 'Users' }, { name: 'Products' }] });
	items.push({ name: 'Settings' });

	function navclick(item) {
		console.log(item);
	}
</script>
```