Kendo ui jsonp 数据绑定

发布于 2025-01-10 23:32:18 字数 1819 浏览 6 评论 0原文

我正在努力处理时间表的 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文