JS实现点击按钮切换Sheet页

编辑
  • 文档创建者:yi丶搁浅
  • 浏览次数:4279次
  • 编辑次数:5次
  • 最近更新:Kevin-s 于 2019-06-22
  • 1.需求描述

    有的时候我们想实现上一页、下一页或跳转到指定 sheet 页。效果如下

    222

    2.操作步骤

    选中按钮>添加按钮点击事件

    222

    具体 JavaScript 代码如下:

    首页 JavaScript 代码:

    //跳转到首页(因为下标是从0开始) fr-sheetbutton-container为sheet页的集合
    $(".fr-sheetbutton-container").eq(0).trigger("click");

    上一页 JavaScript 代码

    //fr-sheetbutton-container为sheet页的集合,获取集合长度
    var len = $(".fr-sheetbutton-container").length;
    //获取当前选中sheet所在下标位置
    var index = $(".fr-sheetbutton-container").index($(".fr-sheetbutton-container-active"));
    //如果当前下标为0 表示为首页。
    if(index > 0) {
    //不是首页跳转到上一页
        $(".fr-sheetbutton-container").eq(index - 1).trigger("click");
    }else{
    //当前为首页跳转到最后一页(因为下标从0开始,所以要长度减1)
    $(".fr-sheetbutton-container").eq(len - 1).trigger("click");
    }

    下一页 JavaScript 代码:

    //fr-sheetbutton-container为sheet页的集合,获取集合长度
    var len = $(".fr-sheetbutton-container").length;
    //获取当前选中sheet所在下标(下标从0开始)
    var index = $(".fr-sheetbutton-container").index($(".fr-sheetbutton-container-active"));
    if(index < len) {
    //如果当前下标index比len长度小1 表示已经为最后一页。
        if(index == (len - 1)) {
           //当前为最后一页。跳转到首页
            $(".fr-sheetbutton-container").eq(0).trigger("click");
        } else {
           // 不为最后一页。跳转到下一页
            $(".fr-sheetbutton-container").eq(index + 1).trigger("click");
        }
    }

    尾页 JavaScript 代码:

    //fr-sheetbutton-container为sheet页的集合,获取集合长度
    var len = $(".fr-sheetbutton-container").length;
    //跳转到尾页(因为下标是从0开始) 所以得长度减1
    $(".fr-sheetbutton-container").eq(len-1).trigger("click");


    附件列表


    主题: 二次开发
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]