Comment exécuter javascript dans un contrôle utilisateur ajouté dynamiquement

Question

J'ai un GridView de photos miniatures dans un UpdatePanel, avec des icônes cliquables dans chaque ligne qui chargent chacune un contrôle utilisateur contenant une petite carte Google dans la ligne correspondante. L'idée est que l'utilisateur puisse géolocaliser (en cliquant sur la carte) n'importe quelle photo dans le GridView.

Dans la carte de contrôle de l'utilisateur, il y a un certain Javascript initialisant la carte:

function initializeMap() { 
    if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById('Map'), {size: new 
GSize(336, 200)}); 
     // set the map controls, set the centre, etc. 
    } 
} 

problème est: Je ne sais pas comment appeler la méthode initializeMap(). Comme il est dynamiquement ajouté à la page, toute tentative de lier le bouton d'appel par "onClientClick=initializeMap()" par exemple, donne une erreur JS, indiquant que la méthode n'est pas définie.

J'ai essayé

ClientScript.RegisterStartupScript(this.GetType(), "initializeMap", "<script type=\"text/javascript\">alert('Here'); initializeMap();</script>"); 

mais je ne pense pas que je suis sur la bonne voie avec celui soit.

Answer 1

Vous devez utiliser la ScriptManager pour émettre votre javascript où il y a un UpdatePanel impliqué comme ceci:

ScriptManager.RegisterStartupScript(this, this.GetType(), "initializeMap", "initializeMap();", true);