无法获得更新面板工作的权利(Unable to get Update panel working r

2019-07-31 11:29发布

我正在使用谷歌地图apiv3在网站上。 我在通过该本人使用button_click和JavaScript函数的背后代码执行一些逻辑更新面板的按钮。

由于该按钮是在更新面板,我无法看到萤火虫的观察窗口任何东西,既不是我的断点javascript函数的工作。 如果没有更新面板,我可以看到在手表的执行流程,一切工作正常,但我得到的地图重新加载。

守则ASPX:

    <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" style="z-index: 1; left: 573px; top: 146px; position: absolute" Text="Show route" onclick="Button1_Click1"/>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"/>
        </Triggers>
    </asp:UpdatePanel>

Button_Click1:

protected void Button1_Click1(object sender, EventArgs e)
{
    using (con = new MySqlConnection("server=localhost; uid=root;password=as64ws;database=Gmaps"))
    da = new MySqlDataAdapter("select * from routes where uid='a1'", con);
    da.Fill(ds, "mroute");
    foreach (DataRow r in ds.Tables[0].Rows)
    {
        uroute.Add(r["latlng"].ToString());
    }
    croute = new string[uroute.Count];
    croute = uroute.ToArray();
    hdncroute.Value = string.Join("&", croute);
    ScriptManager.RegisterClientScriptBlock(this, typeof(Button), "routes", "droute()", true);
}

使用Javascript:

function droute()
{
    var route=[];
    var temp;
    temp = document.getElementById('<%= hdncroute.ClientID %>').value;
    route= temp.split('&');
    //Loop to add locations and draw line
    var path= polyline.getPath();
    for(var i=0;i<route.length;i++)
        {
            var input= route[i];
            var ltln = input.split(",",2);
            var lat=parseFloat(ltln[0]);
            var lng=parseFloat(ltln[1]);
            var pos= new google.maps.LatLng(lat,lng);
            var marker= new google.maps.Marker({position:pos,map:map});
            path.push(route[i]);
            google.maps.event.addListener(marker,'click',showiwindow);
        }
    function showiwindow(event)
    {
    iwindow.setContent("<b>Coordinates are:</b><br/>Latitude:"+event.latLng.lat()+"<br/>Longitude:"+event.latLng.lng());
    iwindow.open(map,this);
    } 
}

我不能让地图上显示的值。 我应该放在更新面板的按钮,或者在更新面板中的地图? 我要去哪里错了?

Answer 1:

我会放弃,你有你的逻辑相当一部分。

我会按一下按钮做一个jquery ajax的帖子在你的代码隐藏一个WebService这将返回数组回到你的ajax开机自检,然后在阿贾克斯后的成功部分我会触发你的JavaScript程序。

http://dotnetguts.blogspot.com/2012/01/jquery-ajax-examples-by-calling-aspnet.html

我上面描述的是如何我几乎我所有的谷歌地图调用.......我还没有看到在接近我已经在这个问题上阅读的网页100S这样做的更合适的方式。 请让我知道,如果你需要了解更多有关如何做这种方式。

下面是描述如何做jQuery的AJAX后另一个良好的网页。 :

从后面的jQuery的方法调用代码



Answer 2:

设置的UpdateMode =“条件”,并设置按钮的AsynPostBacktrigger。 可能会解决这个问题。



文章来源: Unable to get Update panel working right