Kendo UI Scheduler [closed]

1

Implemented the Kendo UI Scheduler template (calendar / calendar) in my ASP.NET MVC project, but I'm having problems with the pop-ups. For example: The popup does not close itself when you click on "save", for example. Or when I click on the "X" to close the popup and the event is deleted.

Are these bugs normal?

Note: There are no errors in the controllers.

Follow the javascript code snippet:

<div id="scheduler"></div>
<script>

    $("#scheduler").kendoScheduler({
        date: new Date(),
        currentTimeMarker: {
            updateInterval: 100
        },
        showWorkHours: true,
        editable: {
            confirmation: false
        },
        views: [
            "day", "week", "workWeek", { type: "month", selected: true },"agenda"
        ],
        allDayEventTemplate: $("#event-template").html(),
        //edit: editEvent,
        //editable: {
        //    template: $("#editor").html()
        //},
        timezone:"Etc/UTC",
        dataSource:
        {
            batch: true,
            transport: {
                read: {
                    url: "/Agendas/Get",
                    dataType: "json" 
                },
                update: {
                    url: "/Agendas/Update",
                    dataType: "json"
                },
                create: {
                    url: "/Agendas/Create",
                    dataType: "json"
                },
                destroy: {
                    url: "/Agendas/Delete",
                    dataType: "json"
                },
                parameterMap: function (options, operation) {
                    if (operation !== "read" && options.models) {
                        return { models: kendo.stringify(options.models) };
                    }
                }
            },


                schema: {
                    model: {
                        id: "taskId",
                        fields: {
                            taskId: { from:"TaskID", type: "number" },
                            title: { field: "Title", defaultValue: "No title", validation: { required: true } },
                            start: { type: "date", field: "Start" },
                            end: { type: "date", field: "End" },
                            description: { field: "Description" },
                            recurrenceId: { from: "RecurrenceID" },
                            recurrenceRule: { from: "RecurrenceRule" },
                            recurrenceException: { from: "RecurrenceException" },
                            isAllDay: { type: "boolean", from: "IsAllDay" },
                            ownersID: { from: "OwnersID", defaultValue: [@Model.Codigo, 1] }
                        }
                    }
                }

        },

        resources: [
            {
                field: "ownersID",
                title: "Responsável",
                dataSource: [
                    { text: "nome1", value: 1, color: "#ff0000" },
                    { text: "nome2", value: 2, color: "#ff9900" },
                    { text: "nome3", value: 3, color: "#0000cc" },
                    { text: "nome4", value: 11, color: "#009900" },
                    { text: "nome5", value: 4, color: "#51a0ed" },
                    { text: "nome6", value: 6, color: "#56ca85" },
                    { text: "nome7", value: 5, color: "#f8a398" },
                    { text: "nome8", value: 8, color: "#cc3300" }
                ],
                multiple: true
            }
        ]
    });

Note: I'm using Kendo Scheduler's own pop-ups.

    
asked by anonymous 16.05.2017 / 16:06

1 answer

1

Kendo UI is not compatible with several versions of jQuery. Events so show that something in the jQuery events is broken.

Check here which version you can use . Lock your packages.config to use only the jQuery compatible version:

<package id="jQuery" version="1.12.3" targetFramework="net452" allowedVersions="[1.12.3]" />
    
16.05.2017 / 22:47