自訂填報提交按鈕並使其變大

1.1 預期效果

某些填報應用的場景中，需要自訂「提交按鈕」，包括按鈕的位置和大小，如何實現自訂提交按鈕呢？如下圖所示：

1.2 實現思路

透過給「按鈕元件」新增事件，利用 JS 程式碼實現。

2.1 準備範本

建立一個 cpt 普通報表，在 C4 儲存格新增「按鈕元件」，按鈕類型選擇「普通」，按鈕名為「提交」。如下圖所示：

2.2 新增事件

點選 C4 儲存格 元件，為其新增一個「點選」事件和「初始化」事件。如下圖所示：

「點選」事件 JavaScript 程式碼如下：

_g('${sessionID}').writeReport();  
FR.Msg.toast("提交成功！");  

「初始化後」事件 JavaScript 程式碼如下：

var el = this.element.children(); // 獲取當前元件
el.hover(function(e) { // 元件的滑鼠監聽
	$("#C4-0-0").css( //獲取當前C4儲存格並賦予樣式
		"-webkit-transform", "scale(1.5)"
	);
	$("#C4-0-0").css(
		"-ms-transform", "scale(1.5)"
	);
	$("#C4-0-0").css(
		"transform", "scale(1.5)"
	);
}, function(e) {
	$("#C4-0-0").css(
		"-webkit-transform", "none"
	);
	$("#C4-0-0").css(
		"-ms-transform", "none"
	);
	$("#C4-0-0").css(
		"transform", "none"
	);
});
显示代码

2.3 效果預覽

儲存範本，點選「填報預覽」，效果如下圖所示：

注：不支援行動端。