请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-1-28 17:04  /   查看:2674  /  回复:2
背景:当用户的表单过多时,一个个按下表单名称切换会比较麻烦。希望通过按钮实现返回首页,去到最后一页以及通过页索引和页名称进行切换。
因此,本篇教程教大家如何实现切换表单的按钮。实现效果如下:
image.png794585876.png

初始化话表单以及创建按钮这里就不再赘述了,直接到切换表单部分,切换表单主要依靠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);
复制代码


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

sheet切换.zip

1.67 MB, 下载次数: 60

2 个回复

倒序浏览
jscqkj
中级会员   /  发表于:2021-2-1 18:32:06
沙发
非常实用,建议做成标准功能
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-2-2 10:04:53
板凳
jscqkj 发表于 2021-2-1 18:32
非常实用,建议做成标准功能

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部