Στην αρχική σελίδα του dotnetzone, δεξιά και αριστερά υπάρχουν τμήματα που μπορούν να "ανοιγοκλείσουν". Όταν κλείνουν, τα τμήματα που βρίσκονται από κάτω μετακινούνται, καλύπτοντας τον κενό χώρο. Στο Visual Studio 2005 με χρήση Ajax controls (διάλεξα το template ASP.NET AJAX-Enabled Web Site), έριξα σε μια σελίδα μερικά panels και τα αντίστοιχα CollapsiblePanelExtenders οπότε και δούλεψε το collapse/expand. Με ποιό τρόπο θα πετύχω την μετακίνηση όσων panels βρίσκονται κάτω από αυτό που "πειράζω";

Το πρόβλημα συσχετίζεται με την ιδιότητα στο cascading style που χρησιμοποιείς για να "κρύψεις" το panel - υπάρχει το visible (κρύβουμε το element αλλά συνεχίζει να καταλαμβάνει το χώρο επάνω στην σελίδα) και το display (όταν γίνει none το element δεν φαίνεται, αλλά δεν καταλαμβάνει και χώρο στην σελίδα).

Βασικό είναι να ξέρεις την αρχική κατάσταση του display όταν την αλλάζεις σε none γιατί είναι διαφορετική, ανάλογα το element και την θέση του στην σελίδα, αν θέλουμε να το επαναφέρουμε στην αρχική του κατάσταση...

 

George J.

---

George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias

Άρα δεν υπάρχει κάποιο Ajax ή standard control, που να ρίχνεις μέσα τα panels και να κάνει μόνο του τη δουλειά;

Οπότε θα πρέπει να φτιάξω δύο cascading styles και να δίνω το αντίστοιχο ανάλογα με το expand/collapse του κάθε panel;

Το AJAX control αυτό που θα κάνει είναι να αλλάζει το περιεχόμενο του panel σου - δεν είναι υπεύθυνο να το κρύβει/εμφανίζει! Μόνος σου με την χρήση Javascript θα πρέπει να αλλάζεις το cascading style και να το κρύβεις από την σελίδα...

Μπορείς να φτιάξεις ένα user/server control που να το κάνει αυτό... Βασικά αν χρησιμοποιήσεις ένα ASP.NET placeholder να βάλεις μέσα το panel και κάνεις το placeholder visible true/false μπορείς να επιτύχεις το ίδιο....

 

George J.

---

George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias

Θα προσπαθήσω τη λύση με τον placeholder και θα επανέλθω με (ελπίζω επιτυχή) αποτελέσματα.

Ευχαριστώ πολύ.

Δυστυχώς δεν μπόρεσα να βγάλω άκρη με τον placeholder. Διάβασα στο help ότι είναι μόνο για dynamically added controls και δεν θα ήθελα να μπω στη διαδικασία να δημιουργώ 5-6 collapsible panels (μόνο για μια σελίδα - φαντάζομαι ότι θα χρησιμοποιηθεί και σε άλλες) με όσα controls περιέχουν, έτσι ώστε να έχω το συγκεκριμένο functionality. Από Javascript ντεν γκνωρίζω πολλά οπότε...

Ψάχνοντας στο Google βρήκα αυτό : http://www.sadeveloper.net/Forums/ShowPost.aspx?PostID=50316

Φαίνεται ότι δουλεύει.

Μπορείς να δοκιμάσεις το panel αντί για το placeholder?

 

George J.

---

George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias

Εννοείς το panel που είναι συσχετισμένο με CollapsiblePanelExtender ή ένα καινούριο panel το οποίο θα περιέχει το Panel που είναι Collapsible; Αυτή η λύση σχετίζεται με χρήση Javascript; Και αν ναι, σε ποιό event θα καλέσω την js ρουτίνα;

Απ'ότι έχω δει σε κάποια παραδείγματα, τις js ρουτίνες τις περνάνε μέσα σε κάποιο event σαν string και μετά κάνουν αυτό το ξόρκι : ClientScript.RegisterClientScriptBlock(Me.GetType, "xyz", strScript.ToString())

Εάν γνωρίζω εκ των προτέρων πόσα και ποιά panels θα μετακινώ, υπάρχει λόγος να κάνω κάτι τέτοιο ή μπορώ να γράψω τον κώδικα απευθείας στη σελίδα;