I'm new for Kendo treeview. In kendo.MVC.Example template, we can set up treeview data source from the data generated from controller. If I want to for example click button, and get new data by ajax, how can I reload the data source for the treeview? 

problem in display direction please replay me
     var map;
     var myVar;
     var flightPlanArray = [];
     var markerDispSize = 0;
     var directionDisplay;
     var directionsService = new google.maps.DirectionsService();
     initialize();

     function initialize() {
         var markers = JSON.parse('<%#ConvertDataTabletoString() %>');
       function pauseMarker() {
           directionsDisplay = new google.maps.DirectionsRenderer();
            var markersData = [];
             //alert("starting func outside if var size:" + markerDispSize + "array size:" + markers.length);
              if (markerDispSize < markers.length) {
                 markerDispSize = markerDispSize + 1;
                
                 markersData.push(markers[markerDispSize-1]);
                 var mapOptions = {
                     center: new google.maps.LatLng(markersData[0].Latitude, markersData[0].Longitude),
                     zoom:5,
                     mapTypeId: google.maps.MapTypeId.ROADMAP
                 }

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

             }
            var start = document.getElementById("start").value;
            var end = new google.maps.LatLng(markersData.push(markers[markerDispSize+1]));
            var request = {
                origin:start,
                destination:end,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };
          
            directionsService.route(request, function(response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    directionsDisplay.setDirections(response);
                }
            });
          
            var endMarker = new google.maps.Marker({
                position: end,
                map: map,
            });
             
         } setInterval(pauseMarker,3000);

     }
     
     function settingMarkers(markersToSet) {
   
     for (i = 0; i < markersToSet.length; i++) {
             data = markersToSet[i];
             if (i == 0) {
                 var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);
                 var image = 'images/YellowCar.png'
                 var marker = new google.maps.Marker({
                     position: myLatlng,
                     map: map,
                     icon: image
                 }); directionsDisplay.setMap(map);
             }


             (function (map) {
       
                     var myLatLng = new google.maps.LatLng(data.Latitude, data.Longitude);
                     var marker = new google.maps.Marker({
                         position: myLatLng,
                         map: map, icon: image
                     });
                     flightPlanArray.push(myLatLng);
                 drawFlightPlan(flightPlanArray);

                 /* Draw lines between all markers */
                 function drawFlightPlan(flightPlanCoordinates) {
                     var flightPath = new google.maps.Polyline({
                         path: flightPlanCoordinates,
                         geodesic: true,
                         strokeColor: "#ad1700",
                         strokeOpacity: 1.0,
                         strokeWeight: 2
                     });    
                      // To add the marker to the map, call setMap();
                     /* Bind the new flightPath to the map */
                     flightPath.setMap(map);
                     fitBounds(flightPlanCoordinates);
                 }
             })(map)
         }
     }

     var map;
     var myVar;
     var flightPlanArray = [];
     var markerDispSize = 0;
     var directionDisplay;
     var directionsService = new google.maps.DirectionsService();
     initialize();

     function initialize() {
         var markers = JSON.parse('<%#ConvertDataTabletoString() %>');
       function pauseMarker() {
           directionsDisplay = new google.maps.DirectionsRenderer();
            var markersData = [];
             //alert("starting func outside if var size:" + markerDispSize + "array size:" + markers.length);
              if (markerDispSize < markers.length) {
                 markerDispSize = markerDispSize + 1;
                
                 markersData.push(markers[markerDispSize-1]);
                 var mapOptions = {
                     center: new google.maps.LatLng(markersData[0].Latitude, markersData[0].Longitude),
                     zoom:5,
                     mapTypeId: google.maps.MapTypeId.ROADMAP
                 }

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

             }
            var start = document.getElementById("start").value;
            var end = new google.maps.LatLng(markersData.push(markers[markerDispSize+1]));
            var request = {
                origin:start,
                destination:end,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };
          
            directionsService.route(request, function(response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    directionsDisplay.setDirections(response);
                }
            });
          
            var endMarker = new google.maps.Marker({
                position: end,
                map: map,
            });
             
         } setInterval(pauseMarker,3000);

     }
     
     function settingMarkers(markersToSet) {
   
     for (i = 0; i < markersToSet.length; i++) {
             data = markersToSet[i];
             if (i == 0) {
                 var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);
                 var image = 'images/YellowCar.png'
                 var marker = new google.maps.Marker({
                     position: myLatlng,
                     map: map,
                     icon: image
                 }); directionsDisplay.setMap(map);
             }


             (function (map) {
       
                     var myLatLng = new google.maps.LatLng(data.Latitude, data.Longitude);
                     var marker = new google.maps.Marker({
                         position: myLatLng,
                         map: map, icon: image
                     });
                     flightPlanArray.push(myLatLng);
                 drawFlightPlan(flightPlanArray);

                 /* Draw lines between all markers */
                 function drawFlightPlan(flightPlanCoordinates) {
                     var flightPath = new google.maps.Polyline({
                         path: flightPlanCoordinates,
                         geodesic: true,
                         strokeColor: "#ad1700",
                         strokeOpacity: 1.0,
                         strokeWeight: 2
                     });    
                      // To add the marker to the map, call setMap();
                     /* Bind the new flightPath to the map */
                     flightPath.setMap(map);
                     fitBounds(flightPlanCoordinates);
                 }
             })(map)
         }
     }

Hi,

I've added some tabs to my instance of RadTabStrip and now I need to populate particular tab with HTML which I've got before via JQuery. How can I attach this HTML to the particular tab?

I recently answered a question in the forums, but didn't get any points.  I also don't see this listed in the Telerik points page anymore.

So, I just wanted to clarify if this has changed.

Thanks!

Hello

I cretated a new class CustomAppointment that inherits Appointment class.


 public class CustomAppointment : Appointment
    {
 
        public string LabelLeft;

        public string LabelRight;
      
       
......
}

and i want to show the appointments like this  
____________________________________________________
|       labelleft                               |                 labelright                    |
|_________________________|__________________________|

so when i tryed to show my CustomAppointment List  "Appointments" by setting the
AppointmentTemplate by ID :


  <AppointmentTemplate>

                        <div>
                            <h3 class="leftlabel">
                                <%#Appointments.Where(t=>t.ID == Container.Appointment.ID).FirstOrDefault().LabelLeft%>
                            </h3>
                        </div>
                       
                        <div>
                            <h3 class="rightlabel">
                                  <%#Appointments.Where(t=>t.ID == Container.Appointment.ID).FirstOrDefault().LabelRight%>
                            </h3>
                        </div>

         </AppointmentTemplate>


i found that    Container.Appointment.ID is empty while t.ID contains the value that i set it in !!

Any help Please !

i have two rad dropdownlists. onselectindex of first dropdown...the second one is getting filled. but the issue over here is:
second one is not getting filled properly and in edit mode the already present value of the second dropdown is not shown.
Please help...

Hello,

I have a radgrid with drag and drop working perfectly. How can I make the drag function scroll the browser window if the drop location is not shown?

Thanks
Thomas

I've searched the forums, and this type of question seems to come up on occasion.

Hi there

I'm trying to emulate some of your demo code from here: http://demos.telerik.com/aspnet-ajax/lightbox/examples/templates/defaultvb.aspx?#qsf-demo-source. When I close the Lightbox by clicking on the "X" on the top right and then click the same radbutton to launch it again, the page posts back before launching the lighbox again. Is there a way to switch this postback off?

Regards

Steven