多语言展示
当前在线:993今日阅读:39今日分享:10

Wijmo5 FlexGrid教程(19)- 导入导出Excel

本文就来介绍使用xlsx.js库提供基本Excel导入导出的能力,库使用jszip.js库来读取Excel文件。
工具/原料
1

UI控件:Wijmo5

2

.NET控件集:ComponentOne Studio Enterprise

方法/步骤
1

引用库准备好HTML页面,在default.html的head添加如下代码:

2

load方法实现excel文件(xlsx)和计算FlexGrid。save方法将FlexGrid的实例作为输入,转换数据和格式到Excel,返回包含内容的对象给Excel文件。

3

定义FlexGrid然后进行数据绑定。

4

使用2个按钮来完成导入导入操作。

5

在component类我们获取FlexGrid实例,以便能够进行导入导出@ViewChild('flex') flex: wijmo.grid.FlexGrid;

6

然后再component类中添加导入导出方法

7

效果展示

推荐信息