时间戳

首页 > 解决方案 > dx-scheduler ANGULAR - 如何在调度程序中使用 angular 实现分页

angular - dx-scheduler ANGULAR - 如何在调度程序中使用 angular 实现分页

问题描述

在此处输入图像描述 在此处输入图像描述我想为调度程序 dev extreme 实现分页，因为我有很多分组记录，问题是我尝试使用此代码但它不起作用：

        this.chedulerDataSource = new DataSource({
        store: new CustomStore({
            loadMode: 'raw',
            load: () => {
                return this.intervenantData;
            },
        }),
        paginate: true,
        pageSize : 5,
     });

你有什么想法为 devExpress 调度程序实现分页吗？

标签： angulardevexpressscheduler

解决方案

在调度程序的 Devextreme 文档中，他们所有的示例都有paginate: false. 他们甚至明确地说：

注意 请查看以下有关数据绑定的注意事项：

如果显式地将存储包装到 DataSource 对象中，请将 paginate 选项设置为 false 以防止数据分区。

https://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxScheduler/Configuration/#dataSource

我不认为这是可能的。在 Devextreme 上提交罚单可能会更好。有时，他们的支持人员会回应一些奇怪的、未记录的做事方式，或者他们考虑将其添加为一项功能。

需要注意的一点是该CustomStore.load()方法获取了一个参数，您可以从中获取有用的信息以传递给 API 调用

store: new CustomStore({
        loadMode: 'raw',
        load: (options) => {
            return this.someMethod(options);
        },
    }),

推荐阅读