Capturing events when "Editable" is false.

[Alex]

I am trying to use the Scheduler to display events only - I don't want to use any of the Schedulers built in editing functionality - instead I would just like to use javascript events such as "Change" or "Navigate".

This works OK if I set the scheduler to Editable(true), however I don't want to be able to do things such as drag the events or delete them. If I set Editable to false it behaves as I would like except I can no longer capture any javascript events such as clicking on an item.

I'd like to have Editable as false but capture which item was clicked on, or if a blank date is clicked on I'd like to capture the date that was clicked.

The idea is that we would then load some event related information in another Partial View or something, it's for a user to browse, not to edit.

How can I achieve this with the scheduler?

Thanks.

[Rosen]

Hi Alex,

Although, it will be possible to achieve the desired behavior by attaching click event handlers to the events and slot element, it will require adding additional code to get the already existing in the edit event information. Therefore, I suggest you to consider to keep using the edit event. However, you may disable moving, resizing, deleting events by switching off the appropriate Editable options: 

@(Html.Kendo().Scheduler<ViewModel>()
    .Name("scheduler")
    .Editable(editable => editable.Destroy(false).Resize(false).Move(false))
    /*..*/
)

In order to prevent the edit form from appearing you can handle the edit event and call preventDefault:

@(Html.Kendo().Scheduler<ViewModel>()
    .Name("scheduler")
    .Editable(editable => editable.Destroy(false).Resize(false).Move(false))
    .Events(events => events.Edit("edit"))
    /*..*/
)

<script type="text/javascript">
    function edit(e) {
        e.preventDefault();
        //TODO: do something with the event information
    }
</script>

Regards,
Rosen
Telerik