Call chtml

[NikolaS4yourb]

Hi,
I need to open google map from in line button on grid and pass parameter of ID partner. Google map is in new chtml page called GoogleCart .

1. on button push I need to call C# code to get all data from partner in @model html row
2. after I get all data have to pass to chtml page GoogleCart.chtml

Code to get data:

    public TPartnerKartaData Karta()
        {
        var model = new TPartnerPageModel();

        var s = TPjPartneriRow.Fields;

        string markers = "[";
        using (var connection = SqlConnections.NewFor<TPjPartneriRow>())
        {
            SqlQuery queryServices = new SqlQuery();
            queryServices.Select(s.NazivPj, s.x_kor, s.y_kor, s.Mjesto)
            .From(s)
            .Where(s.SifraPartnera == 1001)
            .Where(s.SifraPj == 1);


            var queryResult = connection.Query<TPjPartneriRow>(queryServices);
            int ro = 0;
            int i = 0;

            string activ = " active";
            int gId = 0;
            foreach (var servis in queryResult)
            {
                ro++;

                markers += "{";
                markers += string.Format("'title': '{0}',", servis.NazivPj);
                markers += string.Format("'lat': '{0}',", Convert.ToString(servis.y_kor, CultureInfo.InvariantCulture));
                markers += string.Format("'lng': '{0}',", Convert.ToString(servis.x_kor, CultureInfo.InvariantCulture));
                markers += string.Format("'description': '{0}'", servis.Mjesto);
                markers += "},";
            }
            markers += "]";
            ViewBag.Markers = new HtmlString(markers);

            model.ServiseRow = new HtmlString(markers);
        }
        return View("~/Modules/S4yourB/TPartner/TPartnerKarta.cshtml", ViewBag);
    }

Code in html:

!DOCTYPE html>

<title>Index</title>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=???"></script> <script type="text/javascript"> var markers = @Html.Raw(ViewBag.Markers); window.onload = function () { var mapOptions = { center: new google.maps.LatLng(markers[0].lat, markers[0].lng), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var infoWindow = new google.maps.InfoWindow(); var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); for (i = 0; i < markers.length; i++) { var data = markers[i] var myLatlng = new google.maps.LatLng(data.lat, data.lng); var marker = new google.maps.Marker({ position: myLatlng, map: map, title: data.title }); (function (marker, data) { google.maps.event.addListener(marker, "click", function (e) { infoWindow.setContent(data.description); infoWindow.open(map, marker); }); })(marker, data); } } </script>