在案例中我们经常使用对象数组来存储一些数据,今天讲一下如何将这些对象数组中的数据导出为可下载的Excel文件。
使用ivx导出Excel表格的经验总结_第1张图片
这个demo中,点击图标行会上传一张图片,并将其设置为图标行的背景图片,同时令上传文件的图标隐藏。此外输入框也可以自由输入内容。
使用ivx导出Excel表格的经验总结_第2张图片
使用ivx导出Excel表格的经验总结_第3张图片
接下来点击Export按钮,就会将上传的图片和输入框的内容添加到对象数组中,然后利用Excel表格组件将对象数组的数据导出为一个Excel文件并下载。
使用ivx导出Excel表格的经验总结_第4张图片
使用ivx导出Excel表格的经验总结_第5张图片
使用ivx导出Excel表格的经验总结_第6张图片
要注意的是Excel表格组件的属性里我们要开启下载图片的选项,否则导出的Excel文件图片那一列不是图片本身而是图片在ivx服务器上的URL地址。另外我们可以命名导出的Excel文件,设置标题栏和内容栏的行高,还有每列的宽度,当然也可以选择通过JSON编辑自定义的样式。
使用ivx导出Excel表格的经验总结_第7张图片
而且,Excel表格组件不光可以将数组导出Excel文件,也可以将表格的内容导出,或者上传一个Excel文件将文件中的数据导入到案例的数组和表格中去。
使用ivx导出Excel表格的经验总结_第8张图片