Καλώς ορίσατε στο dotNETZone.gr - Σύνδεση | Εγγραφή | Βοήθεια
σε

 

Αρχική σελίδα Ιστολόγια Συζητήσεις Εκθέσεις Φωτογραφιών Αρχειοθήκες

jquery Sortable Δεν λειτουργεί σε Master Page

Ξεκίνησε από το μέλος anthou. Τελευταία δημοσίευση από το μέλος anthou στις 27-07-2017, 08:42. Υπάρχουν 3 απαντήσεις.
Ταξινόμηση Δημοσιεύσεων: Προηγούμενο Επόμενο
  •  18-07-2017, 08:36 78138

    jquery Sortable Δεν λειτουργεί σε Master Page

    Γειά σας

    Στην σελίδα έχω ενα  jquery Sortable το οποίο δεν λειτουργει διότι  η σελίδα στηρίζεται σε Master Page και την οποία υπάρχει ένα update panel

    Ο κώδικας ειναι :

    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

        <style>

      #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }

      #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }

      #sortable li span { position: absolute; margin-left: -1.3em; }

      </style>

      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

      <script>

      $( function () {

        $( "#sortable" ).sortable();

        $( "#sortable" ).disableSelection();

      } );

      </script>

    </asp:Content>

    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

      <ul id="sortable">

      <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>

      <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>

      <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>

      <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>

      <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>

     </ul> 

    </asp:Content>

     Εαν τον κώδικα τον βάλω σε απλη σελίδα λειτουργεί κανονικα (εάν δεν υπάρχει το updatepanel kai to scriptManager)

    Υπάρχει τρόπος να λειτουργεί   jquery Sortable με την Master Page

     

     

  •  19-07-2017, 14:37 78144 σε απάντηση της 78138

    Απ: jquery Sortable Δεν λειτουργεί σε Master Page

    Καλησπέρα,

    Το jQuery είναι client side, οπότε δεν ανακατεύεται με την Server-side τεχνολογία των web forms. Συνεπώς δεν υπάρχει δεν λειτουργεί.

    Από εκεί και πέρα, μια MasterPage, συνήθως παρέχει στατικά κομάτια μέσα σε μια webform σελίδα - αυτό που αναφέρεις, ότι περιέχει ένα updatepanel, έρχεται σε αντίθεση με αυτή τη λογική. Για ποιο λόγο έχεις στην Master σελίδα το updatepanel που χρειάζεσαι, και όχι στη σελίδα που την κληρονομεί;

    Γενικά τα προβλήματα με το client-side που δεν λειτουργεί με τα server-side updates του updatepanel, έχουν να κάνουν στο ότι τις περισσότερες φορές ο client side κώδικας κάνει fire με τη ολοκλήρωση της φόρτωσης της σελίδας στο browser, και την ίδια στιγμή, ο κώδικας που επηρεάζεται, και είναι μέσα στο updatepanel, δεν έχει έρθει ακόμα από τον server. Για να λύσεις το "πρόβλημά" σου, θα πρέπει να εξασφαλίσεις ότι ο κώδικας του ενεργοποιεί το iQuery sortable, θα τρέξει, όχι με τη φόρτωση της σελίδας, αλλά μετά που θα φορτωθεί το html fragment από το updatepanel. Το updatepanel, έχει javascript events, που μπορείς να καταλάβεις πότε αλλάζει τα περιεχόμενά του. Μπορείς να δεις εδώ - https://msdn.microsoft.com/en-us/library/bb398976.aspx - πως μπορείς να χειριστείς αυτά τα events, και να τρέξεις δικό σου κώδικα. 

      

     George J.


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

    Απ: jquery Sortable Δεν λειτουργεί σε Master Page

    Γιώργο καλησπέρα

    Το έχω δοκιμάσει και με το updatepanel στην σελίδα που κληρονομεί και το αποτέλεσμα ειναι το ιδιο να μην λειτουργεί to jquery Μόλις αναιρέσω το  updatepanel απο την σελίδα λειτουργεί κανονικά χωρίς να του δημιουργεί πρόβλημα η Master  Page  Λόγω έλλειψης χρόνου δεν το έχω ερευνίσει αρκετά και το μόνο που είδα είναι στο : 

    "https://www.codeproject.com/Articles/534587/ASP-NET-jQuery-is-not-Working-in-UpdatePanels"

    αλλά και αυτό δεν έλυσε το πρόβλημα, δεν ξέρω αν υπάρχει καποιος άλλος να προτείνει

    Θα μελετήσω και την πρόταση σου

    Ευχαριστώ

     

  •  27-07-2017, 08:42 78150 σε απάντηση της 78145

    Απ: jquery Sortable Δεν λειτουργεί σε Master Page

    Τελικά ακολούθησα την πρόταση του Γιώργου και αφαίρεσα το updatepanel  απο την  Master.Page το έβαλα στην σελίδα μαζύ με το jquery αλλά όχι  μέσα στο updatepanel - /updatepanel

    Δεν ξέρω αν είναι σωστός  ο τρόπος αλλά λειτουργεί σωστά

    Κάθε άλλη πρόταση δεκτή

    Ευχαριστώ 

     

Προβολή Τροφοδοσίας RSS με μορφή XML
Με χρήση του Community Server (Commercial Edition), από την Telligent Systems