JS宏实例:数据透视工具的制作(二)
上一节中,我们简单介绍了使用JS宏进行数据透视工具制作大致思路。今天,我们根据相关思路来搭建相关界面,并对界面按钮功能进行介绍。在wps中,设计操作界面主要有两种方式:
一是利用wps表格与一些图片或控件来进行搭建,这样制作的界面发挥空间较大,可以制作出比较好看的操作界面。
一是利用wps窗体来进行搭建,由于wps窗体自身的局限性,制作出的界面虽功能健全,但样式单一。
在本次案例中,将使用wps窗体搭建一个简单的操作界面。
一、主界面设计
示例图如下所示:
上述图片中,用户点击打开文件,立即弹出对话框,可选择数据源路径。如果打开的文件是excel文件,数据源选择中将出现对应的sheet表名称,且需填写扩展单元格;若打开的文件是csv、txt文件,数据源选择相关控件将被隐藏,扩展单元格 会 转变成分割符号。随后用户点击加载数据,数据会加载到内存中(注意,也可以放到excel表格中,但这样一来每次需要使用时要重新读取数据,会大量消耗时间,因此这里可以直接保存到内存中,使用时直接从内存中读取即可)。
当用户点击“自动检测数据类型”时,listbox1中会出现对应的字段信息(包含字段名称和数据类型等字段)。
listbox2、3、4、5分别表示数据透视表的行、列、值以及筛选字段。listbox6是数据透视结果预览区域。