如何在服务器端按钮控件中调用javascript方法？ [英] how to cal javascript method in server side button control?

问题描述

function calcRoute() {
            var start = document.getElementById('start').value;
            var end = document.getElementById('end').value;


            var request = {
                origin: start,
                destination: end,

                travelMode: google.maps.TravelMode.DRIVING
            };
            directionsService.route(request, function(response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    directionsDisplay.setDirections(response);
                    var route = response.routes[0];
                    var summaryPanel = document.getElementById('directions_panel');
                    summaryPanel.innerHTML = '';
                    // For each route, display summary information.
                    for (var i = 0; i < route.legs.length; i++) {

                        var routeSegment = i + 1;

                        summaryPanel.innerHTML += '<b>Route Segment: ' + routeSegment + '</b><br>';
                          summaryPanel.innerHTML += route.legs[i].start_address + ' to ';
                        summaryPanel.innerHTML += route.legs[i].end_address + '<br>';
                        summaryPanel.innerHTML += route.legs[i].distance.text + '<br><br>';
                    }
                }


            });
        }

        google.maps.event.addDomListener(window, 'load', initialize);

我的问题是

my quesion is

my button event is not fired...i want to shows the get directions using two dropdown list controls using server side controls but my button event is not fired ...wht i do?


     <asp:Button ID="btnsubmit" runat="server" OnClientClick="return calcRoute();" Text="Submit" />

推荐答案

嘿那里，



你的Button现在正在收到PostBack，可能是个问题。所以在你的内部添加

Hey there,

Your Button is getting a PostBack right now, that could be a problem. So add

return false;

最后使用calcRoute函数。



您可能想调试JavaScript代码以查看它是否被调用，您可以使用逐行警报。



希望它有所帮助



Azee ...

inside your calcRoute function in the end.

and you might wanna debug the JavaScript code to see if it is being called, you could use alerts from line to line.

Hope it helps

Azee...

你，如果你我没有在你的代码中点击这个按钮进行任何服务器端编码，你可以使它成为简单的html按钮。因为在这种情况下，因为它的服务器端代码在按钮点击时进行后退，因此不调用javascript函数。

-SG

you if you are not doing any server side coding on click of this button what I found from your code, you can made it simple html button. Because in this case since its a server side code its making posback on button click and so not calling javascript function.
-SG

这篇关于如何在服务器端按钮控件中调用javascript方法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！