时间戳

首页 > 解决方案 > Syncfusion反应网格服务器端分页错误

reactjs - Syncfusion反应网格服务器端分页错误

问题描述

在 React Typescript 页面上，我们使用了一个包裹 Syncfusion Grid 的组件（ "@syncfusion/ej2-base": "^18.4.44", "@syncfusion/ej2-react-base": "^18.4.46" ）。如果 pagingMode 设置为 client，则分页工作正常。但是当设置为服务器模式并在 OnPage 中处理分页时，我在浏览器后面遇到了一些客户端错误：

TypeError：无法读取 null 的属性“setAttribute”...

更深层次的错误出现在数字容器.js中

this.pagerElement.querySelector('.e-mfirst')。setAttribute('index', '1') ;

OnPage 处理程序：

const onPaging = (page: number, column?: string, sortDir?: SortingDirection) => {
    const paginatedSearchRequest: SearchApiRequest = {
        filter: dataFilter,
        pageNumber: page,
        pageSize: pageSize,
        sortColumn: column,
        sortDir: sortDir
    };

    dispatch(getPaginatedSearcgResultAction.started({ request: paginatedSearchRequest }));
};

我能够拦截来自服务器端（RestApi Controller）的 API 请求并看到它返回了预期的记录，但是由于上面的 JS 错误，UI 不会显示分页结果。

标签： reactjsgridpagingsyncfusion

解决方案

推荐阅读