Search code examples
jquerykendo-uitelerikkendo-schedulerkendo-ui-mvc

Kendo Scheduler mvc double click to show kendo window


I want to double click cell in my scheduler to popup my kendo-window instead of a single click.because every time i click my scheduler kendo-window is always poping up, even when i click the month and day view....

Any comment is appreciated.

VIEW

<script>

    function scheduler_change(e) {


        var b = e.events;
        var a = e.start;

            $.get("@Url.Content("~/Scheduler/GetPartialview")", { date: e.start, id: empID }, function (r) {
                $("#EmployeeStatus").html(r)
                e.preventDefault();
                $("#EmployeeStatus").data("kendoWindow").center().open()
            })
        }

</script>
    @(Html.Kendo().Scheduler<StaffLocator.BusinessLayer.Models.EmployeeStatus>()
                    .Name("scheduler")
                    .Date(DateTime.Today)
                    .StartTime(new DateTime(2015, 11, 11))
                    .EndTime(new DateTime(2015, 11, 11))
                    .Editable(editable => editable.Update(false)
                                          .Create(false)
                                          .Destroy(false)
                                          //optionally disable creating new events*/
                     )
                    .Selectable(true)
                    .Events(e =>
                            {
                                e.Change("scheduler_change");
                            })

                    .AutoBind(false)


                    .Views(views =>
                    {
                        views.MonthView();
                        views.AgendaView();
                    })



                           .Read("readStart", "Home")
                           //.Create("SaveNew", "EmployeeStatus")
                           //.Destroy("Destroy", "Home")
                           //.Update("Update", "Scheduler")
                    // .ShowWorkHours(false)
                     //   .BindTo(false)
                    )

            )

 @(Html.Kendo().Window()
        .Name("EmployeeStatus")
        .Title("Employee Status")
        .Draggable()

        .Resizable()
        .Width(500)
        .Height(350)
        .Modal(true)
            // .Visible(false)
            .Visible(!ViewData.ModelState.IsValid) 
    )

Solution

  • Please try with the below code snippet.

    <script>
        $(document).ready(function () { 
            scdulerCurrentView = $("#scheduler").data("kendoScheduler").view().title;
    
        });
        var scdulerCurrentView = '';
        function scheduler_change(e) {
            if (scdulerCurrentView == this.view().title) {
                $("#EmployeeStatus").data("kendoWindow").center().open();
            }
            else {
                scdulerCurrentView = this.view().title;
            }
        }
    
    </script>
    

    Let me know if any concern.