通过ASP.NET按钮调用javascript函数。 [英] Calling a javascript function through an ASP.NET button.

问题描述

Hey Guys，



我遇到了一个关于如何使用ASP.NET按钮调用javascript函数的问题。

My javascript如下：



< script type =text / javascriptsrc =https://maps.googleapis.com/maps/api/js？ v = 3.exp&sensor = false>< / script>

< script language =javascripttype =text / javascript>

var directionsDisplay ;

var directionsService = new google.maps.DirectionsService（）;

var unitSystem;



函数InitializeMap （）{

directionsDisplay = new google.maps.DirectionsRenderer（）;

var latlng = new google.maps.LatLng（19.082063,72.888215）;

var myOptions =

{

zoom：17，

center：latlng，

mapTypeId：google .maps.MapTypeId.ROADMAP

};

var map = new google.maps.M ap（document.getElementById（map），myOptions）;



directionsDisplay.setMap（map）;



directionsDisplay.setPanel（document.getElementById（''directionpanel''））;



//字符串xxxx = directionsDisplay.toString（）;

//提示（xxxx）;





var control = document.getElementById（''control''）;

control.style.display =''block'';





}







函数calcRoute（）{



var start = document.getElementById（''startvalue''）。value;

var end = document.getElementById（''endvalue''）。value;

var request = {

来源：开始，

目的地：结束，

offerRouteAlternatives：true，

unitSystem：google.maps.UnitSystem.METRIC，

travelMode：google.maps.DirectionsTravelMode.TRANSIT，

transitOptions：{

departureTime：new日期（1362568344000）

}







};

directionsService.route（请求，功能（响应，状态）{

if（status == google.maps.DirectionsStatus.OK）{

directionsDisplay。 setDirections（response）;

}

}）;



}



函数Button1_onclick（）{

calcRoute（）;

}



window.onload = InitializeMap;

< / script>





我的ASP.NET按钮代码是：



< asp：按钮ID =Button2runat =serveronclick =Button2_Clickonc lientclick =return calcRoute（）Text =Button/>



每当我点击此按钮时页面就会刷新。

请给我一个解决方案或替代方案。



感谢你。

Hey Guys,

I am encountering a problem regarding how to call a javascript function using an ASP.NET button.
My javascript is as follows:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script language="javascript" type="text/javascript">
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var unitSystem;

function InitializeMap() {
directionsDisplay = new google.maps.DirectionsRenderer();
var latlng = new google.maps.LatLng(19.082063,72.888215);
var myOptions =
{
zoom: 17,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);

directionsDisplay.setMap(map);

directionsDisplay.setPanel(document.getElementById(''directionpanel''));

// string xxxx = directionsDisplay.toString();
// prompt(xxxx);


var control = document.getElementById(''control'');
control.style.display = ''block'';


}



function calcRoute() {

var start = document.getElementById(''startvalue'').value;
var end = document.getElementById(''endvalue'').value;
var request = {
origin: start,
destination: end,
provideRouteAlternatives: true,
unitSystem: google.maps.UnitSystem.METRIC,
travelMode: google.maps.DirectionsTravelMode.TRANSIT,
transitOptions: {
departureTime: new Date(1362568344000)
}



};
directionsService.route(request, function (response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});

}

function Button1_onclick() {
calcRoute();
}

window.onload = InitializeMap;
</script>


My ASP.NET button code is:

<asp:Button ID="Button2" runat="server" onclick="Button2_Click" onclientclick="return calcRoute()" Text="Button"/>

Whenever I click this button the page just gets refreshed.
Please give me a solution or alternative on this.

Thank U.

推荐答案

更新你的按钮clik如下

Update your button clik as follows

<asp:button id="Button2" runat="server" onclientclick="calcRoute(); return false;" text="Button" xmlns:asp="#unknown" />

这篇关于通过ASP.NET按钮调用javascript函数。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！