2016-02-08 3 views
0

Я пытаюсь использовать планировщик Kendo для отображения 3 разных календарей. Сам планировщик отображается правильно, но данные не заполняются/отображаются. Я очень новичок в JavaScript, и я не могу понять, в чем проблема. На странице нет ошибок, и похоже, что он может видеть файл JSON, но просто не отображает данные.Kendo ui Scheduler- 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"}] 

ответ

0

Данные не кажется правильным, я сделал пример.

Я думаю, что проблема связана с датой начала и окончания, они несовместимы.

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

Надеется, что это поможет

+0

Если мои даты начала и окончаний являются вопросами, что лучший способом преобразовать удобочитаемую дату в метку времени Unix? Я не понимаю даты начала и окончания. Дата начала в 2016 году и дата окончания в 1970 году? Похоже, что демо Kendo использует миллисекунды вместо секунд. Я пытаюсь сделать преобразование в excel, а затем преобразовать эти данные в json-данные. Я не могу найти последовательный способ конвертировать, а затем проверить свои данные. –

+0

Вы попробовали somethig как: 'var Date =" 26-02-2012 "; Date = Date.split ("-"); var newDate = Дата [1] + "/" + Дата [0] + "/" + Дата [2]; alert (new Date (newDate) .getTime()); ' –

Смежные вопросы