Scheduler complex event templates

[Roy]

I am having an issue creating a template for the Scheduler. What I am trying to do is set the event style class to one of four classes depending on the value of a given eventstate value from the model.  here is what I have for my whole kendo mvc schelduer with template. Can someone help show me how to write the template so it can do this and be in a valid state.

                @(Html.Kendo().Scheduler<SBAS_Web.Models.AppointmentModel>()
                      .Name("scheduler")
                      .Date(new DateTime(startdate.Year, startdate.Month, startdate.Day))
                      .StartTime(new DateTime(startdate.Year, startdate.Month, startdate.Day, 8, 00, 00))
                      .ShowWorkHours(true)
                      .Views(views => views.DayView(day => day.Selected(true)))
                      .Editable(false)
                      .AllDaySlot(false)
                      .EventTemplate(
                      "<div class='appointment-template  # if(AppointmentState == 'Default'){# DefaultColor #}#  if(AppointmentState == 'Completed'){# CompletedColor #}#  if(AppointmentState == 'ReadyForInvoicing'){# ReadyForInvoicingColor #}#  if(AppointmentState == 'Invoiced'){# InvoicedColor #}#'>" +
                        "<p>" +
                            "#= kendo.toString(start, 'hh:mm') # - #= kendo.toString(end, 'hh:mm') #" +
                        "</p>" +
                        "<p>#= title #</p>" +
                     "</div>")
                      .Timezone("Etc/UTC")
                      .DataSource(d => d
                          .Model(m =>
                          {
                              m.Id(f => f.AppointmentId);
                              m.Field(f => f.Title).DefaultValue("No title");
                              m.RecurrenceId(f => f.RecurrenceID);
                          })
                          .Events(e => e.Error("error_handler"))
                          .Read("Appointments_Read", "Appointment")

                        //.Update("Appointments_Update", "Appointment")
                      )
                      .Group(grp => grp.Orientation(SchedulerGroupOrientation.Vertical))
                )

[Georgi Krustev]

Hello Roy,

I believe the used template is invalid because kendo.template couldn't compile it. Modifying it a little bit does solve the problem. Here is a Dojo demo showing the applied modifications.

Regards,
Georgi Krustev
Telerik

 

 

[Roy]

Thanks, that is great, but not sure how that would look if it was used in the MVC and not javascript? Do you have an example how that would look like.

[Georgi Krustev]

Hello Roy,

There should be no difference regarding this string concatenation between C# and JavaScript. Could you please copied and let me know if it still does not work?

Regards,
Georgi Krustev
Telerik

 

 

[Roy]

Thank for your help, after a little reworking of your example I was able to get this to work here is what I ended up with.
    <script id="event-template" type="text/x-kendo-template">
        <div class="appointment-template # if(AppointmentState == 'default') {#DefaultColor#} else if(AppointmentState == 'Completed') {#CompletedColor#} else if(AppointmentState == 'ReadyForInvoicing') {#ReadyForInvoicingColor#} else if(AppointmentState == 'Invoiced') {#InvoicedColor#}#">
             <p> #= kendo.toString(start, 'hh:mm') # - #= kendo.toString(end, 'hh:mm') #
            </p>
            <p>#= title #</p>
        </div>
    </script>

[Roy]

If you respond back I will mark this closed.

[Georgi Krustev]

Hello Roy,

I am glad that you were able to find the correct template configuration. If you have any additional questions about the same issue, please do not hesitate to re-open the thread.

Regards,
Georgi Krustev
Telerik