JS宏实例：数据透视工具的制作（二）

上一节中，我们简单介绍了使用JS宏进行数据透视工具制作大致思路。今天，我们根据相关思路来搭建相关界面，并对界面按钮功能进行介绍。在wps中，设计操作界面主要有两种方式：

一是利用wps表格与一些图片或控件来进行搭建，这样制作的界面发挥空间较大，可以制作出比较好看的操作界面。

一是利用wps窗体来进行搭建，由于wps窗体自身的局限性，制作出的界面虽功能健全，但样式单一。

在本次案例中，将使用wps窗体搭建一个简单的操作界面。

一、主界面设计

示例图如下所示：

上述图片中，用户点击打开文件，立即弹出对话框，可选择数据源路径。如果打开的文件是excel文件，数据源选择中将出现对应的sheet表名称，且需填写扩展单元格；若打开的文件是csv、txt文件，数据源选择相关控件将被隐藏，扩展单元格 会 转变成分割符号。随后用户点击加载数据，数据会加载到内存中（注意，也可以放到excel表格中，但这样一来每次需要使用时要重新读取数据，会大量消耗时间，因此这里可以直接保存到内存中，使用时直接从内存中读取即可）。

当用户点击“自动检测数据类型”时，listbox1中会出现对应的字段信息（包含字段名称和数据类型等字段）。

listbox2、3、4、5分别表示数据透视表的行、列、值以及筛选字段。listbox6是数据透视结果预览区域。

二、附属界面设计

<