# j-FixedModal

> Το περιεχόμενο του j-FixedModal χωρίζεται σε 3 μέρη: κεφάλαιο, σώμα και πόδι. Κάθε μέρος πρέπει να οριστεί. Το στοιχείο προσθέτει κλάσεις CSS σε κάθε μέρος, για παράδειγμα το πρώτο div θα περιέχει ui-fixedmodal

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

- Λειτουργεί μόνο με `+v17`
- Το συστατικό μεταφέρει το περιεχόμενο αυτού του συστατικού κάτω από την ετικέτα `<body>` (εξαιτίας της θέσης)


__ΕΠΙΤΡΟΦΗ__:

- `width {Number}` Μαγικό πλάτος
- Ο όρος `if {String}` για την εμφάνιση του μοντέλου, συγκρίνεται με την τιμή μέσα στο `path`
- `reload {String}` σύνδεση σε μια παγκόσμια λειτουργία και εκτελείται εάν η φόρμα εμφανίζεται
- `submit {String}` σύνδεση σε μια παγκόσμια λειτουργία και εκτελείται εάν το κουμπί υποβολής πιέζεται
- `cancel {String}` σύνδεση σε μια παγκόσμια λειτουργία και εκτελείται εάν το κουμπί ακύρωσης πιέζεται
- Το `enter {Boolean}` καταγράφει αυτόματα το κλειδί `enter` και εκτελεί την υποβολή (προεπιλεγμένη: `false`)
- `autofocus {Boolean/String}` μπορεί να επικεντρωθεί σε μια εισαγωγή. `String` === `jQuery selector` για την εισαγωγική
- `default {String}` ένα σύντομο alias για το `DEFAULT(default, true)`
- Το `zindex {Number}` μπορεί να επηρεάσει τον δείκτη z (προεπιλεγμένο: `12`)

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

Το περιεχόμενο του `j-FixedModal` χωρίζεται σε 3 μέρη: `header`, `body` και `footer`.Κάθε μέρος πρέπει να οριστεί.Το στοιχείο προσθέτει κλάσεις CSS σε κάθε μέρος, για παράδειγμα το πρώτο `div` θα περιέχει `ui-fixedmodal-header`, το δεύτερο `ui-fixedmodal-body` και το τρίτο `ui-fixedmodal-footer`.

---

Αυτό το στοιχείο υποστηρίζει τη δυναμική αξιολόγηση του περιεχομένου `<script type="text/html">`Το παρακάτω παράδειγμα περιέχει ένα σενάριο με HTML και το συστατικό αξιολογεί το περιεχόμενο εάν η j-Modal Θα εμφανιστεί (μόνο μία φορά)

```html
<ui-component name="fixedmodal" path="path" config="config">
	<script type="text/html">
		A CONTENT
	</script>
</ui-component>
```

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

```html example.html
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores illum quaerat quisquam voluptatem soluta necessitatibus accusamus possimus consequuntur nihil nam. Fugiat unde nemo, ratione magnam. Placeat minima, fugiat quo a. Esse commodi temporibus quos numquam suscipit! Mollitia accusantium temporibus nisi quibusdam alias provident rerum impedit, fuga officia non illum unde magni recusandae eos ducimus, maiores, dolore voluptates reiciendis accusamus odit quo ipsum veniam. Consectetur vitae minima dolor, possimus earum quae necessitatibus quia! Ex reiciendis nam eius adipisci harum ad. Atque fuga sint deleniti repellat quisquam. Deserunt laudantium maiores dicta, aliquid quidem id veritatis sint rem iusto. Ab similique culpa quasi!

<ui-component name="fixedmodal" path="common.form" config="if:folder;submit:folder_submit" class="hidden">

	<!-- HEADER -->
	<div>
		<i class="ti ti-folder orange"></i>
		<strong>New folder</strong>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus qui facilis magni porro reiciendis.
	</div>

	<!-- BODY -->
	<div>
		CONTENT Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit illo rem dicta temporibus beatae quibusdam dolore fugit, quidem nostrum. Hic asperiores enim ipsum maxime. Hic nisi nulla iusto id commodi?
	</div>

	<!-- FOOTER -->
	<div>
		<button name="cancel">Cancel</button>
		<button name="submit"><i class="ti ti-plus"></i>Create folder</button>
	</div>

</ui-component>

<script>

	function folder_submit(hide) {
		alert('SUBMIT');
		hide();
	}

	var common = {};

	// Show the form
	common.form = 'folder';

</script>
```