历史版本3 :JS隐藏sheet页 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
针对于填报SHEET页多的情况，有的SHEET页是初始化不需要展示，或者说直接就是隐藏的，例如针对于一些计算用的；这些是不需要页面展示的SHEET页，直接使用下面的方法即可。
2. 实现思路编辑
通过添加web属性填报加载结束事件来实现。
3. 实现步骤编辑
对sheet页的隐藏可以通过两种方式，一种是通过坐标，另一种是通过名称。
注:sheet页支持变量赋名
3.1 通过坐标隐藏sheet页
点击菜单栏模板>模板web属性>填报页面设置，选择“为该模板单独设置”后，添加一个“加载结束事件”，添加如下代码：
$(".html-content").eq(index).hide();//隐藏内容
$(".fr-tabpane-tabswrap > li").eq(index).hide();//隐藏按钮
$(".fr-tabpane-tabswrap > li").eq(index+1).click();//点击下一个sheet页
注：需要将代码index改成数字，从0开始，代表第一个sheet页。
将代码中的index修改为1，如下图所示：
效果如下图所示：
3.2 通过名称隐藏sheet页
点击菜单栏模板>模板web属性>填报页面设置，选择“为该模板单独设置”后，添加一个“加载结束事件”，添加如下代码：
var sheet_name="SHEET页名称";
var $sheet=$("li[title="+sheet_name+"]");
if($sheet.find("span").hasClass("fr-sheetbutton-endpart")){
$sheet.prev().find("span[class='fr-sheetbutton-thirdpart']").attr("class","fr-sheetbutton-endpart");
};
$sheet.remove();
注：需将“sheet页名称”改成需要隐藏的sheet名称。
如下图所示：
3.3 动态隐藏为空的sheet
点击菜单栏模板>模板web属性>填报页面设置，选择“为该模板单独设置”后，添加一个“加载结束事件”，添加如下代码：//动态隐藏为空的sheet
$('.fr-sheetbutton-middlepart').each(function(index,e){
if(e.innerHTML==''){
//方法1：通过下标
/*$(".html-content").eq(index).hide();//隐藏内容
$(".fr-tabpane-tabswrap > li").eq(index).hide();//隐藏按钮
//点击下一个sheet页
$(".fr-tabpane-tabswrap > li").eq(index+1).click();*/
//方法2：通过名称
$('[title=""]').hide()
}
})
如下图所示：
点击填报预览后，可看到为空的sheet页被隐藏掉了。