Javascript Girl
  1. Javascript Girl
  3. Exécuter javascript après un postback partiel d'un updatepanel?
Intereting Posts
Attendez que l'image soit chargée avant de continuer Onclick show div, mais cachez-vous quand l'autre est cliqué Confusion sur setTimeout et clearTimeout AJAX appelle du code javascript local vers le serveur distant Où déposer Javascript dans un fichier HTML? Rappel après async pour chaque AngularJS Les nouveaux appareils Samsung ne peuvent pas afficher les pages Web dans leur application SMS intégrée Passer un javascript array à la variable php sur le même fichier PHP Exemple de demande de calculatrice Faites défiler jusqu'au centre de la fenêtre Uncaught SyntaxError: jeton inattendu: Approche de gérer javascript sur des projets plus importants? Comment afficher une autre image si l'image source n'est pas trouvée? (Onerror fonctionne dans IE mais pas dans mozilla) Injecter CSS pour l'extension chrome Impossible de persister un réseau de sockets lors de la connexion utilisateur

Exécuter javascript après un postback partiel d'un updatepanel?

J'ai une page qui ajoute le script du fichier arborescent. 

<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/init.js"></script> <script type="text/javascript" src="js/easing.js"></script>

J'ai une table de mise à jour avec une liste déroulante. Lorsque vous exécutez l'événement SelectedIndexChanged (postback partiel d'une table de mise à jour), n'exécutez pas javascript.

Utilisation 

 function pageLoad(sender, args) { InitialiseSettings(); } function InitialiseSettings(){ // replace your DOM Loaded settings here. // If you already have document.ready event, // just take the function part and replace here. // Not with document.ready $(element).slideUp(1000, method, callback}); $(element).slideUp({ duration: 1000, easing: method, complete: callback}); }

Ou essayez avec le add_endRequest événement add_endRequest : 

 Sys.WebForms.PageRequestManager.getInstance().add_endRequest(InitialiseSettings)

Mettre à jour

pageLoaded mieux tout le code de document.ready à la fonction InitialiseSettings et passez-le à l'événement pageLoaded 

 Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitialiseSettings)

Exemple de code : 

 Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitialiseSettings)

Pour exécuter votre javascript dans les postbacks complets et partiels, mettez votre code javascript dans la fonction javascript pageLoad (). 

 function pageLoad() { //your javascript code }

Exemple: 

 function pageLoad() { $(':submit').click(function () { CommodityArray(); }); $('#btn_image').click(function () { CommodityArray(); }); $(".repHeader").disableSelection(); CommodityArray(); }

J'espère que cela aide! 🙂

Vous devez utiliser le code suivant après votre panneau de mise à jour. 

 <script type="text/javascript" language="javascript"> var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance(); pageRequestManager.add_endRequest(NewCharacterCount); </script>

Où NewCharacterCount est votre nom de fonction javascript.

Lisez cet article Sys.WebForms.PageRequestManager EndRequest Event Espérons qu'il peut vous aider.

Si vous utilisez UpdatePanel et que vous souhaitez appeler une fonction javascript après la mise à jour du contenu dans le panneau de mise à jour, vous pouvez utiliser le mode ci-dessous pour le faire facilement. Dans l'étiquette du body page, appelez une fonction RefreshContent() 

 <body onload="RefreshContent()"> <script type="text/javascript"> function RefreshContent() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); } function EndRequestHandler() { alert("Add your logic here" ); } </script>

Lien de référence http://www.infoa2z.com/asp.net/how-to-call-javascript-function-after-an-updatepanel-asychronous-request-to-asp.net-page

Vous pouvez utiliser les événements clients de PageRequestManager . Le paramètre émetteur contiendra les informations dont vous avez besoin. Par exemple, on pourrait le faire: 

 // Register event handler Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded); /// Executed when all page content is refreshed, full page or async postback: https://msdn.microsoft.com/en-us/library/bb397523.aspx function pageLoaded(sender, args) { var isPostBack = sender.get_isInAsyncPostBack(); if(!isPostBack) return; // PostBack logic here. }