JS實現根據當前sheet隱藏參數面板

1.1 問題描述

多sheet的場景下，參數面板預設會在所有sheet顯示，如果希望只有部分sheet展示參數面板，其他不顯示，該如何設定呢？

1.2 解決思路

利用 JS 獲取當前 sheet 編號，判斷並執行相應的隱藏參數面板方法。

注：不支援行動端。

2.1 設計範本

如圖設計一個 2 個 sheet 的範本，並在參數面板新增元件。

2.2 新增載入結束事件

菜單欄點選範本>範本Web屬性>填報頁面設定，選擇為該範本單獨設定，新增載入結束事件，如下圖所示：

JavaScript 程式碼如下：

$(".fr-sheetbutton-container").click(function()
	//給切換sheet的按鈕綁定點選事件
{
var a = _g().selectedIndex;
//獲取當前sheet的編號（從0開始）
if (a == 1) {
//如果是第2個sheet
			$(".parameter-container-collapseimg-up").click();
//點選參數面板收縮按鈕,即隱藏參數面板
			$('.parameter-container-collapseimg-up').hide();
//隱藏收縮按鈕   
		} else {
			$('.parameter-container-collapseimg-down').show();
//展示收縮按鈕
			$('.parameter-container-collapseimg-down').click();
//點選參數面板收縮按鈕,即展示參數面板
		}
	});
显示代码

2.3 效果预览

保存模板，填报预览后，效果如 1.1问题描述 中所示。

点击下载模板：JS實現根據當前sheet隱藏參數面板.cpt