JS實現自訂工具欄(左/中/右)位置

1.1 版本

1.2 預期效果

設計器報表的工具欄 預設左對齊，使用者需要實現置中或右對齊，效果如下圖所示：

Cpt效果圖：

1.3 實現思路

透過新增 JS 事件來改變工具欄位置。

工具欄的 JS API請參見：工具欄

2.1 設計範本

開啟內建範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\LineForm.cpt

2.2 新增事件

點選「範本>範本 Web 屬性>分頁預覽設定」，選擇「為該範本單獨設定」，新增一個「載入起始」事件，如下圖所示：

置中的 JavaScript 程式碼如下:

_g().getToolbar().toolBarFloat('center');

靠左的 JavaScript 程式碼如下：

_g().getToolbar().toolBarFloat('left');

靠右的 JavaScript 程式碼如下：

_g().getToolbar().toolBarFloat('right');

2.3 效果預覽

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

注：不支援行動端。