JS設定元件焦點

1.1 問題描述

預覽填報報表時，希望頁面載入完成後，自動將游標定位在某個元件中，可以直接編輯。該方案適用於一些設定了填報快捷鍵的場景。

1.2 實現思路

在對應事件裏，利用相關API實現。

2.1 新增元件

建立普通報表，新增元件，如下圖所示：

2.2 設定載入結束事件

1）點選「範本>範本 Web 屬性>填報頁面設定」，選擇「為該範本單獨設定」，在「事件設定」中新增「載入結束」事件。

JavaScript 程式碼如下：

var cell = _g().curLGP.getTDCell(0, 1);
//獲取A2儲存格
setTimeout(function() {
	_g().curLGP.editTDCell(cell);
	//聚焦A2儲存格
}, 50);

2.3 預覽效果

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

注：不支援行動端。

3.1 新增元件

建立普通報表，新增元件，如下圖所示：

3.2 設定初始化後事件

1）給元件新增「初始化後」事件。

JavaScript 程式碼如下：

var a = this;
//獲取當前元件物件
setTimeout(function() {
	a.editComp.focus();
	//設定焦點
}, 50)

3.3 預覽效果

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

注：不支援行動端。

點選下載範本：

範例一：JS設定儲存格元件焦點.cpt

範例二：JS設定參數面板元件焦點.cpt