如何在动态添加的用户控件中执行 javascript

Question

我在 UpdatePanel 中有一个缩略图照片的 GridView，每行都有可单击的图标，每个图标将包含一个小型 Google 地图的用户控件加载到相关行中。这个想法是用户可以对 GridView 中的任何照片进行地理标记（通过单击地图）。

在地图用户控件中，有一些 Javascript 正在初始化地图：

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

问题是：我不知道如何调用 initializeMap() 方法。因为它是动态添加到页面的，所以任何尝试通过 "onClientClick=initializeMap()" 将其链接到调用按钮的行为都会给出 JS 错误，指出该方法未定义。

我已经尝试过

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

，但我也不认为我走在正确的道路上。

Answer 1

您应该使用 ScriptManager 在存在UpdatePanel 涉及如下：

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