reactjs - Pdf 在 Syncfusion React 数据网格中不起作用
问题描述
当我尝试复制粘贴由syncfusion给出的样板代码时,Pdf组件不起作用。单击按钮时没有任何反应。我正在免费试用syncfusion ej2 react grid。我在哪里做错了?这是我的代码片段。
function Home() {
let grid: Grid | null;
const toolbarClick = (args: any): void => {
if (grid) {
if (args.item.id.includes('PdfExport')) {
grid.pdfExport();
}
}
}
const pageSettings: PageSettingsModel = { pageSize: 100};
const sortSettings: SortSettingsModel = {
columns: [{ field: "id", direction: "Ascending" }]
};
const [data, setData] = useState()
useEffect(()=>{
fetch ("https://api.instantwebtools.net/v1/airlines")
.then(res => res.json())
.then(
data => {
setData(data);
}
)
}, []);
return (
<div>
{" "}
<GridComponent
dataSource={data}
ref={g => grid = g}
allowPaging={true}
pageSettings={pageSettings}
allowSorting={true}
sortSettings={sortSettings}
toolbar={['pdfExport']}
allowPdfExport={true}
toolbarClick={toolbarClick}
>
<ColumnsDirective>
<ColumnDirective field="id" width="100" textAlign="Right" />
<ColumnDirective field="name" width="100" />
<ColumnDirective field="country" width="100" textAlign="Right" />
<ColumnDirective
field="slogan"
width="100"
format="C2"
textAlign="Right"
/>
<ColumnDirective field="head_quaters" width="100" />
<ColumnDirective field="website" width="100" />
<ColumnDirective field="established" width="100" />
</ColumnsDirective>
<Inject services={[Page, Sort, Filter, Group,Toolbar,PdfExport]} />
</GridComponent>
</div>
);
}
export default Home;
解决方案
推荐阅读
- javascript - javascript:检查 Json 上的多个嵌套属性
- pytorch - 有没有办法在谷歌云 AI 平台中同时使用 GPU 加速器和 Torch 进行模型部署?
- tensorflow - tf.Keras 自定义层输出形状为 None
- java - 使用 YoKeyword 进行分片
- json - MongoDB JSON 验证未通过
- ssl - ssl 证书 IIS - 自签名
- c++ - protobuf 和 Visual Studio 无缝集成 - 监控 proto 文件更改
- regex - 检查字符串是否包含孤立的单词
- deepsecurity - CLI 开始扫描特定文件
- r - 如何创建一个在 data.frame 中运行良好的新类型?