Comment faire pour avoir un javascript de rappel exécutée après une mise à jour du panneau de publication?

Je suis en utilisant une astuce jQuery plugin pour afficher des bulles d'aide lorsque l'utilisateur place le pointeur de certains éléments de la page.

J'ai besoin d'enregistrer le plugin événements après le chargement de la page à l'aide de sélecteurs css.

Le problème est que je suis en utilisant un ASP.NET Panneau de mise à Jour et après la première publication, les conseils d'arrêter de travailler parce que le panneau de mise à jour remplace le contenu de la page, mais ne pas relier les événements javascript.

J'ai besoin d'un moyen d'exécuter un javascript de rappel après le Panneau de mise à Jour actualise son contenu, de sorte que je peux relier les événements javascript pour avoir des conseils pratiques de travail à nouveau.

Est-il possible de faire cela?

InformationsquelleAutor tsbnunes | 2009-07-20

163

Au lieu de mettre votre code jQuery à l'intérieur de $(document).ready(), le mettre à l'intérieur
```
function pageLoad(sender, args) { 
    ... 
}
```
pageLoad est exécuté après chaque publication, synchrone ou asynchrone. pageLoad est réservé le nom de la fonction ASP.NET AJAX c'est pour ce but. $(document).ready() d'autre part, est exécutée qu'une seule fois, lorsque le DOM est d'abord prêt/chargé.

Voir ce Vue d'ensemble de ASP.NET AJAX client événements de cycle de vie
- Merci pour votre réponse. Je ne savais pas qu'il était un client pageLoad côté de l'événement et c'est exactement ce dont j'ai besoin. Le problème est résolu. 🙂
- je ne savais que ce soit utile! gardez à l'esprit je soupçonne que ce sera le cas pour tous les UPs sur une page, vous aurez besoin de mon clientid filtre spécifique
- +1 FTW! J'ai aussi ne sais pas ce existé et c'était exactement ce que je cherchais à résoudre mon problème! Big up @Russ Cam!
- +1 bouée de sauvetage, merci pour cette!
- J'ai 2 mise à jour des panneaux dans ma page. Est-il un moyen de savoir quels Panneau de mise à Jour a causé la async d'actualisation à l'intérieur de pageLoad?
- Merci, vous venez de m'a aidé avec un panneau de mise à jour problème. +1
- +1 - ne Pouvait pas obtenir certains Jquery pour exécuter, en raison de l'iD qui est appelé après Dom prêt. Cela a fonctionné parfaitement. Merci!!!!
- +1 thnks ...c'est ce que je cherchais =D
- Merci copain, son résout mes problèmes que j'ai panneau de mise à jour sur evey la page avec JQuery. Il a travaillé comme un de la magie pour moi. Merci une tonne
- +1 - grande réponse: problème résolu, explique clairement pourquoi, et des liens vers d'autres lectures. De grâce m'a beaucoup aidé.
- Ne fonctionne pas pour moi! 🙁 Ni n'a la solution avec Sys.Webforms... travail pour moi? Ai-je raté un script ou quelque chose? Oui, je met le script dans <head> mais scriptmanager est laoded dans <body> !? - J'ai juste besoin de déplacer mon balise de script en bas de la page et ça a fonctionné. PS - je n'ai jamais su à propos de ce JS Crochet.
- Cam votre lien encosia.com semble être dangereux. Google est en garde à moi quand je tente de visiter la page. découvrez l'avertissement ici.
- Merci. Je vais ping de l'auteur.
InformationsquelleAutor Russ Cam
19

La pageLoad n'a pas fonctionné. J'ai utilisé ceci à la place:
```
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(pageLoaded);

function pageLoaded() {
}
```
- non interceptée erreur de référence, Sys n'est pas défini.
- Fonctionne très bien ici.
- Si vous obtenir Sys id pas définis, c'est parce que vous êtes de l'appel du script, AVANT que le gestionnaire de script script est chargé. Habituellement, dans le <head> , tandis que le scriptmanger truc est chargé dans <body> - Oui, je sais, non?!!! Il suffit de déplacer votre script en bas de la page ou de votre contrôle et il va travailler avec la accepté de répondre à une amende.
InformationsquelleAutor rball

Ce n'est sans doute pas la solution la plus élégante, mais son une solution néanmoins:

public class UpdatePanel : System.Web.UI.UpdatePanel
{
    ///<summary>
    ///Javascript to be run when the updatepanel has completed updating
    ///</summary>
    [Description("Javascript to be run when the updatepanel has completed updating"),
        Category("Values"),
        DefaultValue(null),
        Browsable(true)]
    public string OnUpdateCompleteClientScript
    {
        get
        {
            return (string)ViewState["OnUpdateCompleteClientScript"];
        }
        set
        {
            ViewState["OnUpdateCompleteClientScript"] = value;
        }
    }

    protected override void OnPreRender(System.EventArgs e)
    {
        base.OnPreRender(e);
        if(!string.IsNullOrEmpty(this.OnUpdateCompleteClientScript))
            Page.ClientScript.RegisterStartupScript(this.GetType(), this.ClientID, string.Concat("Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(sender, args){for(var panelId in sender._updatePanelClientIDs){if(sender._updatePanelClientIDs[panelId] == '", this.ClientID, "'){", this.OnUpdateCompleteClientScript, "}}});"), true);
    }
}

L'utiliser comme ceci:

<uc:UpdatePanel OnUpdateCompleteClientScript="alert('update complete');">
    <!-- stuff in here -->
</uc:UpdatePanel>

Bien sûr, vous aurez besoin d'enregistrer le contrôle personnalisé dans youre webconfig ou de la page à utiliser de la sorte.

Edit: aussi, avez-vous regardé jquery.live?

La mise à Jour personnalisée Panneau de Contrôle de l'Utilisateur est trop pour mon problème, mais je ne connaissais pas le jquery.en direct de la méthode et il serait sans doute travailler et de résoudre mon problème! Mais dans ce cas je pense que la solution présentée par Russ Cam est mieux et j'ai déjà essayé et les bonnes œuvres. Merci pour votre aide. 🙂
Il doit y avoir un moyen plus facile..?

InformationsquelleAutor Andrew Bullock

Si vous voulez faire des opérations spécifiques avant et après l'UpdatePanel est chargé, vous pouvez remplacer BeginPostbackRequest et EndPostbackRequest comme suit:

var postbackControl = null;
var updatePanels = null;
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(BeginPostbackRequest);
prm.add_endRequest(EndPostbackRequest);

function BeginPostbackRequest(sender, args) {
    prm._scrollPosition = null;
    postbackControl = args.get_postBackElement();
    postbackControl.disabled = true;
    updatePanels = args._updatePanelsToUpdate;
    //do your stuff
}

function EndPostbackRequest(sender, args) {
    //do your stuff
    postbackControl.disabled = false;
    postbackControl = null;
    updatePanels = null;
}

Ce qui est très pratique si vous voulez traiter seul le code HTML qui a été délivré par le panneau de mise à jour. Certaines opérations nécessitent plus de ressources, et il serait exagéré de traiter l'ensemble de l'arborescence du DOM sur pageLoad.

InformationsquelleAutor modiX

Utilisation pageLoaded de l'événement et de vérifier si de rappel ou de la publication:

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(function (sender, args) {
    if (args._panelsUpdated && args._panelsUpdated.length > 0) {
        //callback;
    }
    else {
        //postback;
    }
});

InformationsquelleAutor Rover

Vous devez vous connecter pour publier un commentaire.