Appointment DoubleClick Event

[TT]

Hi, i want to show the contextmenu when i doubleclick on an Appointment, is it possible?

[Peter]

Hello,

Here is one possible solution:

<script type="text/javascript">

      function pageLoad() {

          var $ = $telerik.$;
          var scheduler = $find('<%=RadScheduler1.ClientID %>');
          scheduler.get_appointments().forEach(function myfunction(apt) {
              $(apt.get_element()).dblclick(function (e) {
                  var contextMenu = apt.get_contextMenu();
                  contextMenu.show(e);


              });
          });
      }

  </script>
  <telerik:RadScheduler ID="RadScheduler1" runat="server">
      <AppointmentContextMenuSettings EnableDefault="true" />
  </telerik:RadScheduler>

Kind regards,
Peter
the Telerik team

[TT]

thank you, it works!
now i have this problem: when i open the edit form by clicking in the contextmenu (RadScheduler1.ShowAdvancedEditForm(RadScheduler1.Appointments.FindByID(e.Appointment.ID))) two edit forms appear, one is the form i have designed in the radDock and one is the default advanced form.

here is my code:

<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">
        <script type="text/javascript">
            function openForm() {
                var dock = $find("<%= RadDock1.ClientID %>");
                // Center the RadDock on the screen
                var viewPort = $telerik.getViewPortSize();
                var xPos = Math.round((viewPort.width - parseInt(dock.get_width())) / 2);
                var yPos = Math.round((viewPort.height - parseInt(dock.get_height())) / 2);
                $telerik.setLocation(dock.get_element(), { x: xPos, y: yPos });
                dock.set_closed(false);
                var descriptionTextBox = $get('<%= DescriptionText.ClientID %>');
                descriptionTextBox.focus();
                Sys.Application.remove_load(openForm);
            }
            function hideForm() {
                var dock = $find("<%= RadDock1.ClientID %>");
                dock.set_closed(true);
                return true;
            }
            function Export(sender, e) {
                $find("<%= DockPanel.ClientID %>").__doPostBack(sender.name, "");
            }
            function dockMoved(sender, args) {
                //Return RadDock to his original HTML parent so it gets updated via ajax
                $get("<%= DockPanel.ClientID %>").appendChild(sender.get_element());
            }
            function OnClientAppointmentClick(sender, args) {
                sender._contextMenuAppointment = args.get_appointment();
                args.get_appointment().showContextMenu(args.get_domEvent());
            }
            function OnClientTimeSlotClick(sender, args) {
                sender._showTimeSlotContextMenu(args.get_domEvent(), args.get_targetSlot());
            }
        </script>
    </telerik:RadScriptBlock>
    <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <ContentTemplate>
            <asp:Panel runat="server" ID="DockPanel">
                <telerik:RadDock runat="server" ID="RadDock1" Width="650px" Height="450px" Closed="true"
                    Style="z-index: 2000;" Title="Dettaglio appuntamento" OnClientDockPositionChanged="dockMoved"
                    BackColor="#FFEED5" BorderColor="#FFE6BF" BorderStyle="Solid" BorderWidth="1px">
                    <Commands>
                        <telerik:DockCloseCommand />
                    </Commands>
                    <ContentTemplate>
                        <div class="editForm">
                            <div class="header">
                                <asp:Label runat="server" ID="StatusLabel"></asp:Label>
                            </div>
                            <div class="content">
                                         
...
edit form fields
....

                            </div>
                        </div>
                    </ContentTemplate>
                </telerik:RadDock>
            </asp:Panel>
            <telerik:RadScheduler ID="RadScheduler1" runat="server" Skin="Windows7" SelectedView="TimelineView"
                Culture="it-IT" DayStartTime="08:00:00" StartEditingInAdvancedForm="false" OnFormCreating="RadScheduler1_FormCreating"
                Reminders-Enabled="false" FirstDayOfWeek="Monday" Height="1100px" DataSourceID="SqlDataSource1"
                WorkDayStartTime="08:30:00" CssClass="rsCategoryRed" RowHeaderWidth="70px" DataEndField="Fine"
                DataKeyField="ID" DataStartField="Start" DataSubjectField="Subject" DataDescriptionField="Description"
                OnTimeSlotCreated="RadScheduler1_TimeSlotCreated" DataReminderField="RecurrenceRule"
                EnableDescriptionField="True" OnAppointmentClick="RadScheduler1_OnAppointmentClick"
                OnClientAppointmentClick="OnClientAppointmentClick" OnClientTimeSlotClick="OnClientTimeSlotClick"
                WorkDayEndTime="19:00:00" RowHeight="50px" EnableExactTimeRendering="True" DayView-WorkDayEndTime="19:00"
                DayView-WorkDayStartTime="08:00" EnableCustomAttributeEditing="true" CustomAttributeNames="Terapista"
                OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" OnAppointmentContextMenuItemClicked="RadScheduler1_OnAppointmentContextMenuItemClicked"
                DayEndTime="20:00:00" OnResourceHeaderCreated="RadScheduler1_ResourceHeaderCreated" ShowAllDayRow="False"
            BorderColor="#FFE6BF">
                <AdvancedForm Modal="true" />
                <ExportSettings OpenInNewWindow="true" FileName="SchedulerExport">
                    <Pdf PageTitle="Schedule" Author="" Creator="" Title="Schedule" />
                </ExportSettings>
                <TimelineView GroupBy="Room" NumberOfSlots="12" ColumnHeaderDateFormat="t" GroupingDirection="Vertical"
                    StartTime="08:00:00" ShowInsertArea="false" TimeLabelSpan="1" SlotDuration="00:30:00" />
                <ResourceTypes>
                    <telerik:ResourceType KeyField="ID" Name="Room" TextField="RoomName" ForeignKeyField="RoomID"
                        DataSourceID="RoomsDataSource" />
                </ResourceTypes>
                <ResourceHeaderTemplate>
                    <asp:Label ID="ResourceLabel" runat="server" Text=""></asp:Label>
                    </div>
                </ResourceHeaderTemplate>
                <TimeSlotContextMenuSettings EnableDefault="true" />
                <DayView DayEndTime="20:00:00" WorkDayEndTime="20:00:00" UserSelectable="false" />
                <WeekView UserSelectable="false" />
                <MonthView UserSelectable="false" />
                <MultiDayView DayEndTime="20:00:00" WorkDayEndTime="20.00:00:00" />
                <AppointmentContextMenuSettings EnableDefault="true" />
                <AppointmentContextMenus>
                    <telerik:RadSchedulerContextMenu ID="RadSchedulerContextMenu1" runat="server">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Apri dettaglio" CssClass="menudestro">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadSchedulerContextMenu>
                </AppointmentContextMenus>
                <AppointmentTemplate>
                    <div class='<%# impostaCss(Convert.ToString(Eval("ID"))) %>'>
                        <asp:Literal ID="AppointmentSubject" runat="server" Text='<%# Eval("Subject") %>'></asp:Literal>
                    </div>
                    <div style="float: right; margin-right: 15px">
                        <asp:Image ID="Image4" runat="server" ImageUrl='werp_cliente/categorie/nuovo.png'
                            Visible='<%# impostaIconNuovo(Convert.ToString(Eval("ID"))) %>' />
                    </div>
                    <div style="float: right; margin-right: 8px">
                        <asp:Image ID="Image1" runat="server" ImageUrl='werp_cliente/categorie/uomo.jpg'
                            Visible='<%# impostaIconCat1(Convert.ToString(Eval("ID"))) %>' />
                        <asp:Image ID="Image2" runat="server" ImageUrl='werp_cliente/categorie/rugby.jpg'
                            Visible='<%# impostaIconCat2(Convert.ToString(Eval("ID"))) %>' />
                        <asp:Image ID="Image3" runat="server" ImageUrl='werp_cliente/categorie/calcio.gif'
                            Visible='<%# impostaIconCat3(Convert.ToString(Eval("ID"))) %>' />
                    </div>
                </AppointmentTemplate>
            </telerik:RadScheduler>
            <asp:SqlDataSource ID="RoomsDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:default %>"
                SelectCommand="SELECT [ID], [RoomName] FROM [Rooms]"></asp:SqlDataSource>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:default %>"
                DeleteCommand="DELETE FROM [Appuntamenti] WHERE [ID] = @ID" InsertCommand="INSERT INTO [Appuntamenti] ([Subject], [Start], [Fine], [RecurrenceRule], [RecurrenceParentID], [Description], [RoomID], [Terapista]) VALUES (@Subject, @Start, @Fine, @RecurrenceRule, @RecurrenceParentID, @Description, @RoomID, @Terapista)"
                SelectCommand="SELECT * FROM [Appuntamenti] where [EliminatoErrore] =0 and [EliminatoDalCliente]=0"
                UpdateCommand="UPDATE [Appuntamenti] SET [Subject] = @Subject, [Start] = @Start, [Fine] = @Fine,[RecurrenceRule] = @RecurrenceRule, [RecurrenceParentID] = @RecurrenceParentID, [Description] = @Description, [RoomID] = @RoomID, [Terapista]=@Terapista WHERE [ID] = @ID">
                <DeleteParameters>
                    <asp:Parameter Name="ID" Type="Int32" />
                </DeleteParameters>
                <InsertParameters>
                    <asp:Parameter Name="Subject" Type="String" />
                    <asp:Parameter Name="Start" Type="DateTime" />
                    <asp:Parameter Name="Fine" Type="DateTime" />
                    <asp:Parameter Name="RecurrenceRule" Type="String" />
                    <asp:Parameter Name="RecurrenceParentID" Type="Int32" />
                    <asp:Parameter Name="Description" Type="String" />
                    <asp:Parameter Name="RoomID" Type="Int32" />
                    <asp:Parameter Name="ID" Type="Int32" />
                    <asp:Parameter Name="Terapista" Type="String" />
                </InsertParameters>
                <UpdateParameters>
                    <asp:Parameter Name="Subject" Type="String" />
                    <asp:Parameter Name="Start" Type="DateTime" />
                    <asp:Parameter Name="Fine" Type="DateTime" />
                    <asp:Parameter Name="RecurrenceRule" Type="String" />
                    <asp:Parameter Name="RecurrenceParentID" Type="Int32" />
                    <asp:Parameter Name="Description" Type="String" />
                    <asp:Parameter Name="RoomID" Type="Int32" />
                    <asp:Parameter Name="Terapista" Type="String" />
                </UpdateParameters>
            </asp:SqlDataSource>
        </ContentTemplate>

[Peter]

Hello,

Please, take a look at the External Edit in RadDock demo. Notice that FormCreating has to be canceled or otherwise the default edit/insert form will show up.

protected void RadScheduler1_FormCreating(object sender, SchedulerFormCreatingEventArgs e)
       {
           RadSchedulerRecurrenceEditor1.ResetLayout();

           if (e.Mode == SchedulerFormMode.Insert || e.Mode == SchedulerFormMode.Edit)
           {
               EditedAppointment = e.Appointment;
               e.Cancel = true;
           }

           var appointmentToEdit = RadScheduler1.PrepareToEdit(e.Appointment, RadScheduler1.EditingRecurringSeries);

           ScriptManager.RegisterStartupScript(Page, GetType(), "formScript", "Sys.Application.add_load(openForm);", true);
           PopulateEditForm(appointmentToEdit);
       }

Regards,
Peter
the Telerik team

[TT]

it's already like that and two edit forms appear.
i have to set any radscheduler's property?

[Peter]

Hi,

The online demo relies on that StartEditingInAdvancedForm="false" is set for RadScheduler, so that the simple inline form shows up. If that's not the case with your settings, then you need to change the contion:

protected void RadScheduler1_FormCreating(object sender, SchedulerFormCreatingEventArgs e)
   {
       if (e.Mode == SchedulerFormMode.AdvancedEdit || e.Mode == SchedulerFormMode.AdvancedInsert)
       {

       }
   }

Notice the difference with the original demo code:

***
if (e.Mode == SchedulerFormMode.Insert || e.Mode == SchedulerFormMode.Edit)
***

Is this helpful?

Greetings,
Peter
the Telerik team

[TT]

yes thank you, it's works!