j-Layout2

• Αυτό το στοιχείο είναι ένα πολύ απλό συστατικό σε σύγκριση με το j-Layout.

ΕΠΙΤΡΟΦΗ:

• Το parent {String} μπορεί να περιέχει τον επιλεκτή parent, window ή jQuery για τη μέθοδο closest (επιλογή: window)
• Το margin {Συνολικά} προσθέτει το περιθώριο για το height (προεπιλεγμένο: 0)
• autoresize {Boolean} επιτρέπει την αυτο-απομίμηση (προεπιλεγμένη: true)

Μέθοδοι:

• Το component.show(type) μπορεί να εμφανίσει ένα συγκεκριμένο πάνελ για κινητές συσκευές, το type μπορεί να είναι left, right ή main
• Το component.resizescrollbar(panel_type) αναζωογονεί ένα στρολ μπαρ για ένα συγκεκριμένο πάνελ
• component.scrolltop(panel_type) στροφές προς τα πάνω για ένα συγκεκριμένο πάνελ

Τύποι Panel:

• Εξωτερικό πίνακα left
• Πίνακας right
• top κορυφαίο πάνελ (είναι το πάνελ πάνω από όλα τα πάνελ)
• Το ανώτατο πίνακας top2 και χρησιμοποιεί το κλειδί top στην επιλογή (είναι μεταξύ του πίνακα left και right)
• bottom κάτω πάνελ (είναι το πάνελ στο κάτω μέρος όλων των πάνελ)
• Το υποβρύχιο bottom2 και χρησιμοποιεί το κλειδί bottom στην επιλογή (είναι μεταξύ του πίνακα left και right)
• Παρουσιάζει το main

Λάιουτ:

Η δημιουργία του layout είναι πολύ εύκολη.

<div data-type="" data-size="" data-scrollbar=""></div>

ΙΔΙΟΤΗΤΑ:

• Το data-type πρέπει να περιέχει ένα είδος τμήματος top, top2, left, right, bottom, bottom2 ή main
• Το data-size περιέχει ένα μέγεθος του τμήματος LG,MD,SM,XS --> σε pixels ή ποσοστό, για παράδειγμα: 200,200,200,0 (0 σημαίνει κρυμμένο) ή 20% (όλες οι τιμές θα κληρονομήσουν το 20%)
• Το data-scrollbar="margin:50;visible:1" επιτρέπει το scrollbar, πιθανές τιμές:
  • selector {String} προαιρετικό, jQuery επιλεκτήρα για το δοχείο scrollbar
  • margin {Συνολικά} στρογγυλό περιθώριο (προεπιλεγμένο: 0)
  • visible {Boolean} δείχνει το scrollbar

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

• Κάθε πάνελ είναι το στοιχείο section και πρέπει να περιέχει χαρακτηριστικό data-type="top" με τύπο πάνελ
• Ορίστε μόνο τα πάνελ που θα χρησιμοποιήσετε
• Η παραγγελία όλων των στοιχείων section δεν είναι σημαντική

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

<ui-component name="layout2" config="parent:window" class="invisible">
	<div data-type="top" data-size="44" style="background-color:red">
		TOP
	</div>
	<div data-type="bottom2" data-size="44" style="background-color:blue">
		BOTTOM
	</div>
	<div data-type="left" data-size="20%,20%,20%,0" style="background-color:green">
		LEFT
	</div>
	<div data-type="right" data-size="20%,20%,20%,0" style="background-color:purple">
		RIGHT
	</div>
	<div data-type="main" data-scrollbar="visible:true" style="background-color:#F0F0F0">
	</div>
</ui-component>