SpreadJS实现按钮切换表单

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


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

这是设置首页的代码

1. spread.setActiveSheetIndex(0);
   
2.                 spread.startSheetIndex(0)

复制代码

这是设置末页的代码

1. var index = spread.getSheetCount();
   
2.                 spread.setActiveSheetIndex(index-1);
   
3.                 spread.startSheetIndex(index-1)

复制代码

根据表单索引切换表单

1. var index = _getElementById('activeSheetIndex').value;
   
2.                 if (!isNaN(index)) {
   
3.                         index = parseInt(index);
   
4.                         if (0 <= index && index < spread.getSheetCount()) {
   
5.                                 spread.setActiveSheetIndex(index);
   
6.                                 spread.startSheetIndex(index);
   
7.                         }
   
8.                 }

复制代码

根据表单名称切换表单

1. var index = _getElementById('activeSheet').value;
   
2.                 console.log(index)
   
3.                 spread.setActiveSheet(index);
   
4.                 var index1 = spread.getActiveSheetIndex();
   
5.                 spread.startSheetIndex(index1);

复制代码

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

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

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