如何解决将API JSON数据加载到ReactJs的SyncFusion Shedule中
我在此项目中使用SyncFusion Schedule。 我想从我的API端点获取一些数据并将其加载到我的计划中。
问题是我需要一个自定义适配器来告知日程安排如何获取数据,而我不知道如何创建一个。
我看到了两个示例,但仍然无法使自定义适配器正常工作。最糟糕的是,我不知道如何处理将数据放入计划表中。
如果您有解决此问题的建议,请以其他更简便的方式或安排日程的其他库告知我。
谢谢。
解决方法
为什么不按前端要求返回信息?您可以通过在模型中或者直接在控制器上重新添加fields方法来修改要返回的数据的结构,然后再返回。
,Syncfusion支持部门的问候。
我们已经在我们方面验证了您的要求,并通过使用以下代码段根据您的要求使用自定义适配器准备了一个样本。
代码段:
class CustomAdaptor extends ODataV4Adaptor {
processResponse() {
let i = 0;
// calling base class processResponse function
let original = super.processResponse.apply(this,arguments);
// adding event id
original.forEach((item) => item['EventID'] = ++i);
return original;
}
}
this.dataManager = new DataManager({
url: 'https://js.syncfusion.com/demos/ejservices/api/Schedule/LoadData',adaptor: new CustomAdaptor
});
this.dataQuery = new Query().from("Events");
示例:https://stackblitz.com/edit/react-custom-adaptor-sample?file=index.js UG:https://ej2.syncfusion.com/react/documentation/schedule/data-binding/#using-custom-adaptor
请参考上面的示例和UG,如果您需要进一步的帮助,请告诉我们。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。