This is a migrated thread and some comments may be shown as answers.

Advanced Insert Form and ajax

1 Answer 115 Views

Scheduler

This is a migrated thread and some comments may be shown as answers.

Jaimie asked on 07 Apr 2010, 03:16 AM

I have a RadScheduler and defined like the code below. My question is:

If i already had a ajax manager in the aspx page.
1. How can i setup the ajax settings for two RadCombox: RadComboBoxAppointmentReason and RadComboBoxAppointmentLength

2. How can i write the SelectedIndexChange function for ComboBox RadComboBoxAppointmentReason at server side to update the selected index of RadComboBoxAppointmentLength

thanks

    
               <telerik:RadScheduler  
        
                                    runat="server" ID="RadSchedulerCalendar" 
        
                                    Width="800px" OverflowBehavior="Expand" 
        
                                    EnableEmbeddedSkins="True" DayStartTime="09:00:00" DayEndTime="17:45:00" AllowInsert="true"   
        
                                    style="float:left"   
        
                                    TimeZoneOffset="00:00:00" ShowAllDayRow="false" SelectedView="WeekView" 
        
                                    FirstDayOfWeek="Monday" 
        
                                    MinutesPerRow="15" TimeLabelRowSpan="4" WorkDayEndTime="17:45:00"   
        
                                    WorkDayStartTime="09:00:00" ShowFooter="False"   
        
                                    StartInsertingInAdvancedForm="True" Height="1200px" LastDayOfWeek="Sunday"   
        
                                    NumberOfHoveredRows="1" RowHeight="20px" SelectedDate=""   
        
                                    Culture="English (Australia)"   
        
                                    ShowNavigationPane="False" EnableDescriptionField="true"   
        
                                    ontimeslotcreated="RadSchedulerCalendar_TimeSlotCreated"   
        
                                    onappointmentdatabound="RadSchedulerCalendar_AppointmentDataBound"   
        
                                    onappointmentcommand="RadSchedulerCalendar_AppointmentCommand"   
        
                                    onformcreated="RadSchedulerCalendar_FormCreated">  
        
                                    <WeekView  
        
                                        HeaderDateFormat="MMMM dd" 
        
                                        ColumnHeaderDateFormat="ddd, dd" DayEndTime="17:45:00"   
        
                                        DayStartTime="09:00:00" WorkDayEndTime="17:45:00" WorkDayStartTime="09:00:00" /> 
        
                                    <AppointmentTemplate> 
        
                                        <div> 
        
                                            <%# Eval("Subject") %> 
        
                                        </div> 
        
                                    </AppointmentTemplate>     
        
                                    <AdvancedInsertTemplate> 
        
                                    <div class="appointmentEditForm">  
        
                                            <div class="appointmentHeader">  
        
                                                <div> 
        
                                                    Schedule:  
        
                                                    <asp:Label ID="lblScheduleTop" runat="server" 
        
                                                        Width="300px">  
        
                                                    </asp:Label> 
        
                                                </div> 
        
                                                <br /> 
        
                                                <div> 
        
                                                    Appointment Date/Time:  
        
                                                    <asp:Label ID="lblAppointmentStartTop" runat="server"    
        
                                                        Width="300px">  
        
                                                    </asp:Label> 
        
                                                </div> 
        
                                            </div> 
        
                                            <div class="appointmentContent">  
        
                                                Note:<br /> 
        
                                                <telerik:RadTextBox ID="RadTextBoxNote" Runat="server" MaxLength="80" Rows="5"   
        
                                                    TextMode="MultiLine" Width="600px">  
        
                                                </telerik:RadTextBox> 
        
                                                <br /> 
        
                                                <br />        
        
                                                    Appointment Reason *:<br /> 
        
                                                <telerik:RadComboBox ID="RadComboBoxAppointmentReason" runat="server" AutoPostBack="true" 
        
                                                    DropDownWidth="600px" Width="250px" HighlightTemplatedItems="True">  
        
                                                    <HeaderTemplate> 
        
                                                        <table style="width: 550px" cellspacing="0" cellpadding="0">  
        
                                                            <tr> 
        
                                                                <td style="width: 350px;">  
        
                                                                    Reason</td> 
        
                                                                <td style="width: 200px;">  
        
                                                                    Color</td>   
        
                                                            </tr> 
        
                                                        </table> 
        
                                                    </HeaderTemplate> 
        
                                                    <ItemTemplate> 
        
                                                        <table style="width: 550px;" cellspacing="0" cellpadding="0">  
        
                                                            <tr> 
        
                                                                <td style="width: 350px;">  
        
                                                                    <%# DataBinder.Eval(Container, "Text")%> 
        
                                                                </td> 
        
                                                                <td style="width: 200px;">  
        
                                                                    <div style="background-color: <%# DataBinder.Eval(Container, "Attributes['color']") %>; width:150px; height:20px;"> 
        
                                                                    </div> 
        
                                                                </td> 
        
                                                            </tr> 
        
                                                        </table> 
        
                                                    </ItemTemplate> 
        
                                                </telerik:RadComboBox>                                    
        
                                                <br /> 
        
                                                <br /> 
        
                                                    Appointment Length (min):<br /> 
        
                                                <telerik:RadComboBox ID="RadComboBoxAppointmentLength" runat="server"   
        
                                                    DropDownWidth="200px" Width="150px" HighlightTemplatedItems="true">                                         
        
                                                    <Items> 
        
                                                        <telerik:RadComboBoxItem Value="15" Text="15 min" /> 
        
                                                        <telerik:RadComboBoxItem Value="30" Text="30 min" /> 
        
                                                        <telerik:RadComboBoxItem Value="45" Text="45 min" /> 
        
                                                        <telerik:RadComboBoxItem Value="60" Text="60 min" /> 
        
                                                    </Items> 
        
                                                </telerik:RadComboBox>                                     
        
                                            </div> 
        
                                            <br /> 
        
                                            <div class="appointmentFooter">  
        
                                                <asp:Button runat="server" ID="SubmitButton" Text="Create" CommandName="Insert"/>  
        
                                                <asp:Button runat="server" ID="CancelButton" Text="Cancel" CommandName="Cancel" />        
        
                                            </div> 
        
                                    </div> 
        
                                    </AdvancedInsertTemplate>                
        
                                </telerik:RadScheduler>

1 Answer, 1 is accepted

answered on 09 Apr 2010, 01:58 PM

Hello Jaimie,

1. Since the advanced form is part of RadScheduler, it is enough to configure RadAjaxManager so that RadScheduler updates itself.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadScheduler1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadScheduler1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Or, you can simply wrap RadScheduler in RadAjaxPanel.

2. There is a kb artticle which you can use as reference for this requirement:
http://www.telerik.com/support/kb/aspnet-ajax/scheduler/implement-related-radcombobox-controls-in-the-advanced-form.aspx

Regards,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.