剑道 UI 调度程序 - JSON 数据未显示

Kendo ui Scheduler- JSON Data not displaying

本文关键字:数据 显示 JSON UI 调度程序 剑道      更新时间:2023-09-26

我正在尝试使用剑道调度程序来显示 3 个不同的日历。 调度程序本身显示正确,但数据未填充/显示。 我对 JavaScript 很陌生,我似乎无法弄清楚问题出在哪里。 页面上没有错误,看起来可以看到 JSON 文件,但只是没有显示数据。

任何帮助将不胜感激!

代码如下:

<div id="example">
<div id="team-schedule">
    <div id="people">
        <input checked type="checkbox" id="fcpi" value="2">
        <input type="checkbox" id="rpr" value="3">
        <input checked type="checkbox" id="aaspg" value="1">
    </div>
</div>
<div id="scheduler"></div>
</div>
<script>
$(function() {
$("#scheduler").kendoScheduler({
    date: new Date("2016/1/13"),
    startTime: new Date("2016/1/13 07:00AM"),
    height: 600,
    views: [
        "day",
        "workWeek",
        "week",
        { type:"month", selected: true},
        "agenda"
    ],
    timezone: "Etc/GMT",
    dataSource: {
        batch: true,
        transport: {
            read: {
                url: "./calendars/Fiscal.json",
                dataType: "jsonp"
            }
        },
        schema: {
            model: {
                id: "taskId",
                fields: {
                    taskId: { from: "TaskID", type: "number" },
                    title: { from: "Title", defaultValue: "No title", validation: { required: true } },
                    start: { type: "date", from: "Start" },
                    end: { type: "date", from: "End" },
                    startTimezone: { from: "StartTimezone" },
                    endTimezone: { from: "EndTimezone" },
                    description: { from: "Description" },
                    recurrenceId: { from: "RecurrenceID" },
                    recurrenceRule: { from: "RecurrenceRule" },
                    recurrenceException: { from: "RecurrenceException" },
                    ownerId: { from: "OwnerID", defaultValue: "1", type: "number" },
                    isAllDay: { type: "boolean", from: "IsAllDay" }
                }
            }
        },
        filter: {
            filters: [
                { field: "ownerId", operator: "eq", value: '1' }
            ]
        }
    },
    resources: [
        {
            field: "ownerId",
            title: "Owner",
            dataSource: [
                { text: "AA & SPG Pay Run", value: '1', color: "#f8a398" },
                { text: "Foster Care Phone In", value: '2', color: "#51a0ed" },
                { text: "Residential Pay Run", value: '3', color: "#56ca85" }
            ]
        }
    ]
    });
$("#people :checkbox").change(function(e) {
    var checked = $.map($("#people :checked"), function(checkbox) {
        return parseInt($(checkbox).val());
    });
    var scheduler = $("#scheduler").data("kendoScheduler");
    scheduler.dataSource.filter({
        operator: function(task) {
            return $.inArray(task.ownerId, checked) >= 0;
        }
    });
});
});
</script>

然后还有一些JSON数据:

[{"TaskID":1,"OwnerID":1,"Title":"AA & SPG Paid","Description":"AA: 1/1/2016 - 1/31/2016    SPG: 12/1/2015 - 12/31/2015","StartTimezone":null,"Start":"'/Date(1453334400)'/","End":"'/Date(1453420800)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":2,"OwnerID":1,"Title":"AA & SPG Supplemental","Description":"AA: 1/1/2016 - 1/31/2016    SPG: 12/1/2015 - 12/31/2015","StartTimezone":null,"Start":"'/Date(1453334400)'/","End":"'/Date(1453420800)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":3,"OwnerID":1,"Title":"Approve Payments","Description":"AA: 1/1/2016 - 1/31/2016    SPG: 12/1/2015 - 12/31/2015","StartTimezone":null,"Start":"'/Date(1452038400)'/","End":"'/Date(1452124800)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":4,"OwnerID":1,"Title":"Approve Payments","Description":"AA: 1/1/2016 - 1/31/2016    SPG: 12/1/2015 - 12/31/2015","StartTimezone":null,"Start":"'/Date(1452124800)'/","End":"'/Date(1452211200)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":5,"OwnerID":1,"Title":"Sent to Edison AA & SPG Supplemental","Description":"AA: 1/1/2016 - 1/31/2016    SPG: 12/1/2015 - 12/31/2015","StartTimezone":null,"Start":"'/Date(1452211200)'/","End":"'/Date(1452297600)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":6,"OwnerID":2,"Title":"Approve Payments","Description":"Pay Period: 1/1/16 - 1/15/16","StartTimezone":null,"Start":"'/Date(1453161600)'/","End":"'/Date(1453248000)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":7,"OwnerID":2,"Title":"Approve Payments","Description":"Pay Period: 1/1/16 - 1/15/16","StartTimezone":null,"Start":"'/Date(1453248000)'/","End":"'/Date(1453334400)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":8,"OwnerID":2,"Title":"Foster Phone In","Description":"Pay Period: 1/1/16 - 1/15/16","StartTimezone":null,"Start":"'/Date(1453334400)'/","End":"'/Date(1453420800)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":9,"OwnerID":3,"Title":"Residential Refresh","Description":"Refresh: 9/1/15 - 11/30/15|Final Refresh for Sept.","StartTimezone":null,"Start":"'/Date(1453248000)'/","End":"'/Date(1453334400)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":10,"OwnerID":3,"Title":"Residential Pay Run ","Description":"Pay Period: 12/1/15 - 12/31/15|December 2015","StartTimezone":null,"Start":"'/Date(1452038400)'/","End":"'/Date(1452124800)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":11,"OwnerID":3,"Title":"Residential Pay Run ","Description":"Pay Period: 12/1/15 - 12/31/15|December 2015","StartTimezone":null,"Start":"'/Date(1452124800)'/","End":"'/Date(1452211200)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"},
{"TaskID":12,"OwnerID":3,"Title":"Residential Refresh","Description":"Refresh: 9/1/15 - 11/30/15|Sept. thru Dec. 2015","StartTimezone":null,"Start":"'/Date(1452211200)'/","End":"'/Date(1452297600)'/","EndTimezone":null,"RecurrenceID":null,"RecurrenceRule":null,"RecurrenceException":null,"IsAllDay":"false"}]

数据似乎不正确,我举了一个例子。

我认为问题在于开始和结束日期,它们不一致。

var YourData =[{"TaskID":1,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"'/Date(1370811600000)'/","End":"'/Date(1453420800)'/","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}]; 
  var NewData =[{"TaskID":1,"OwnerID":2,"Title":"Bowling tournament","Description":"","StartTimezone":null,"Start":"'/Date(1453334400)'/","End":"'/Date(1370822400000)'/","EndTimezone":null,"RecurrenceRule":null,"RecurrenceID":null,"RecurrenceException":null,"IsAllDay":false}]; 

你的数据不起作用,但新数据正在工作,我只是用第一项进行测试。

这里是例子。

http://dojo.telerik.com/uTOQe

希望这个帮助