Load map on nested row is expanded

[Stefania]

Hi,
I have a grid with a nested view. In my nested view I have to load a map.
How can I load a script on row expanded? Client or server side.
Is there a clientevents that I can use?

Script to load

//carico la mappa

         function LoadMap(lat, lon) {

             if (lat == "0")

                 return;

 

             var myLatLng = new google.maps.LatLng(lat, lon);


  

             var mapOptions = {

                 zoom: 2,

                 center: myLatLng,

                 mapTypeId: google.maps.MapTypeId.HYBRID

             }

  

             map = new google.maps.Map(document.getElementById("map"), mapOptions);

             infowindow = new google.maps.InfoWindow();

             createMarker(new google.maps.LatLng(lat, lon), "testo interno", "");

         }

       protected void HomeRadGrid_ItemCommand(object sender, GridCommandEventArgs e)

       {

           switch (e.CommandName)

           {          

               case "ExpandCollapse":                   

                       //LOAD SCRIPT

                       break;

           }

       }

Thanks

[Radoslav]

Hi Stefania,

To achieve the desired functionality you can use the ScriptManager.RegisterStartupScript method into the RadGrid1_ItemCommand event. For example:

void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
    {
        if (e.CommandName == "ExpandCollapse")
        {
            if ((e.Item as GridDataItem).Expanded == false)
            {
                ScriptManager.RegisterStartupScript(Page, typeof(Page), "LoadMapScript", string.Format("LoadMap({0},{1})", 42.696804,23.328781), true);
            }
        }
    }

Additionally I am sending you a simple example which demonstrates it. Please check it out and let me know if it helps you.

Regards,
Radoslav
Telerik