Kendo ui jsonp 数据绑定
我正在努力处理时间表的 kendo ui transport
属性。以下代码段按预期工作:
$.ajax({
url: 'https://myurl',
dataType: 'jsonp',
jsonpCallback: "myCallback",
contentType: 'application/json',
type: "GET"
});
function myCallback(result){
$("#scheduler").kendoScheduler({
date: new Date("2022/03/01"),
startTime: new Date("2022/03/01 07:00 AM"),
height: 600,
views: [
"day",
{ type: "workWeek", selected: true },
"week",
"month",
"agenda",
{ type: "timeline", eventHeight: 50}
],
timezone: "Etc/UTC",
dataSource: result
});
}
如 kendo ui 教程上面提到应该有一个定义的快捷方式;但以下代码片段的结果是一个没有事件的日历。
$("#scheduler").kendoScheduler({
date: new Date("2022/03/01"),
startTime: new Date("2022/03/01 07:00 AM"),
height: 600,
views: [
"day",
{ type: "workWeek", selected: true },
"week",
"month",
"agenda",
{ type: "timeline", eventHeight: 50}
],
timezone: "Etc/UTC",
dataSource: {
batch: true,
transport: {
read: {
url: "https://myurl",
dataType: "jsonp"
}
}
}
});
I'm struggling with the kendo ui transport
property for schedules. The following snippet worked as expected:
$.ajax({
url: 'https://myurl',
dataType: 'jsonp',
jsonpCallback: "myCallback",
contentType: 'application/json',
type: "GET"
});
function myCallback(result){
$("#scheduler").kendoScheduler({
date: new Date("2022/03/01"),
startTime: new Date("2022/03/01 07:00 AM"),
height: 600,
views: [
"day",
{ type: "workWeek", selected: true },
"week",
"month",
"agenda",
{ type: "timeline", eventHeight: 50}
],
timezone: "Etc/UTC",
dataSource: result
});
}
As the kendo ui tutorials mentioned there should be a shortcut for definition above; but the result of the following code snippet is a calendar with no events.
$("#scheduler").kendoScheduler({
date: new Date("2022/03/01"),
startTime: new Date("2022/03/01 07:00 AM"),
height: 600,
views: [
"day",
{ type: "workWeek", selected: true },
"week",
"month",
"agenda",
{ type: "timeline", eventHeight: 50}
],
timezone: "Etc/UTC",
dataSource: {
batch: true,
transport: {
read: {
url: "https://myurl",
dataType: "jsonp"
}
}
}
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论