Derrick.Jiao 发表于 2021-1-28 17:04:31

SpreadJS实现按钮切换表单

背景:当用户的表单过多时,一个个按下表单名称切换会比较麻烦。希望通过按钮实现返回首页,去到最后一页以及通过页索引和页名称进行切换。
因此,本篇教程教大家如何实现切换表单的按钮。实现效果如下:


初始化话表单以及创建按钮这里就不再赘述了,直接到切换表单部分,切换表单主要依靠setActiveSheetIndex、setActiveSheet、startSheetIndex实现。前面两个用于切换活跃表单,后面的接口用于将某一表单设为首张展示的表单。

这是设置首页的代码
spread.setActiveSheetIndex(0);
                spread.startSheetIndex(0)

这是设置末页的代码
var index = spread.getSheetCount();
                spread.setActiveSheetIndex(index-1);
                spread.startSheetIndex(index-1)

根据表单索引切换表单
var index = _getElementById('activeSheetIndex').value;
                if (!isNaN(index)) {
                        index = parseInt(index);
                        if (0 <= index && index < spread.getSheetCount()) {
                                spread.setActiveSheetIndex(index);
                                spread.startSheetIndex(index);
                        }
                }

根据表单名称切换表单
var index = _getElementById('activeSheet').value;
                console.log(index)
                spread.setActiveSheet(index);
                var index1 = spread.getActiveSheetIndex();
                spread.startSheetIndex(index1);

以上就是表单切换的全部内容,下附件即可查看代码。

jscqkj 发表于 2021-2-1 18:32:06

非常实用,建议做成标准功能

Derrick.Jiao 发表于 2021-2-2 10:04:53

jscqkj 发表于 2021-2-1 18:32
非常实用,建议做成标准功能

:mj72:
页: [1]
查看完整版本: SpreadJS实现按钮切换表单