Select appointments client-side

2 posts, 1 answers
  1. Adam
    Adam avatar
    177 posts
    Member since:
    Oct 2012

    Posted 05 Sep 2008 Link to this post

    Is there a way to select an appointment on the scheduler on the client side? I can double click and single click, but I need that selection to be maintained so I can then click and Edit button in a toolbar to then take them to a different screen to edit the selected instance. I also need the selected date to look different (highlighted such as in the RadGrid).
  2. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 08 Sep 2008 Link to this post

    Hi Adam,

    Thank you for your question. We willo prepare a KB article to address this scenario, but in the meanwhile you can use the following solution:

    <head runat="server">  
        <title>Untitled Page</title> 
         <style type="text/css">     
       .rsApt.HighlightStyle .rsAptInner     
       {     
           background: yellow;     
       }  
        </style> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server">  
        </asp:ScriptManager> 
        <script type="text/javascript">  
        var currentlySelectedAppoitment;  
        var previouslySelectedAppoitment;  
        function OnClientAppointmentClick(sender, eventArgs)  
        {  
            if(previouslySelectedAppoitment !=null)  
            {  
                  var prevRsAptElement = previouslySelectedAppoitment.get_element();  
                  Sys.UI.DomElement.toggleCssClass(prevRsAptElement, "HighlightStyle");  
                    
            }           
                  currentlySelectedAppoitment = eventArgs.get_appointment();  
                  var rsAptElement = currentlySelectedAppoitment.get_element();  
                  Sys.UI.DomElement.toggleCssClass(rsAptElement, "HighlightStyle");  
                  previouslySelectedAppoitment = currentlySelectedAppoitment;  
                   
                  
        }  
        function alertCurrentlySelectedApp()  
        {  
           if(currentlySelectedAppoitment)  
           alert(currentlySelectedAppoitment.get_subject());  
        }  
        </script> 
     
        <input id="Button1" type="button" onclick="alertCurrentlySelectedApp()" value="alert currently selected app" /> 
        <telerik:RadScheduler   
            EnableViewState="false" 
            OnClientAppointmentClick="OnClientAppointmentClick" 
            ID="RadScheduler1"   
            runat="server" 

    Let us know how it goes.

    Regards,
    Peter
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top