【问题标题】:Kendo ui Scheduler- JSON Data not displayingKendo ui Scheduler - JSON 数据未显示
【发布时间】:2016-02-08 15:10:58
【问题描述】:

我正在尝试使用 Kendo Scheduler 来显示 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"}]

【问题讨论】:

    标签: javascript json kendo-ui kendo-scheduler


    【解决方案1】:

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

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

    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}]; 
    

    YourData 不工作,但 NewData 工作,我只是用第一项测试。

    这里是例子。

    http://dojo.telerik.com/uTOQe

    希望有帮助

    【讨论】:

    • 如果我的开始和结束日期是问题,将人类可读日期转换为 unix 时间戳的最佳方法是什么?我不明白提供的开始日期和结束日期。开始日期是 2016 年,您的结束日期是 1970 年吗?看起来剑道演示使用毫秒而不是秒。我正在尝试在 excel 中进行转换,然后将该数据转换为 json 数据。我似乎找不到一致的方式来转换然后检查我的数据。
    • 你有没有尝试过类似的东西:var Date="26-02-2012"; Date=Date.split("-"); var newDate=Date[1]+"/"+Date[0]+"/"+Date[2]; alert(new Date(newDate).getTime());
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-28
    • 1970-01-01
    相关资源
    最近更新 更多