JS實現按鈕文字豎排顯示

1.1 版本

1.2 預期效果

報表中，新增按鈕後，可修改按鈕名稱。一般按鈕名稱都是橫排顯示的。若需要豎排顯示，該如何實現呢？如下圖所示：

1.3 實現方法

透過新增 JS 的方法實現字體豎排顯示。

2.1 準備範本

建立範本，在「參數面板」新增一個「按鈕元件」，調整按鈕形狀。如下圖所示：

2.2 新增事件

為按鈕元件新增一個「初始化後」事件，事件中定義按鈕名稱和顯示方式。如下圖所示：

JavaScript 程式碼如下：

注：如果自訂按鈕的元件名稱為pb_c，那麼這裏應該寫為：fr_btn_PB_C

setTimeout(function(){
//id為fr-btn-按鈕元件名稱的大寫，後面的'第一欄'+'<br>'+'第二列'，是按鈕中要顯示的正文內容。
$("#fr-btn-BUTTON0").html('第一欄'+'<br>'+'第二列')
},100);

2.3 效果預覽

2.3.1 PC 端

儲存範本，點選「分頁預覽」，效果如 1.2 節所示。

2.3.2 行動端

不支援行動端。

點選下載範本：JS實現按鈕文字豎排顯示.cpt