JS實現分頁預覽獲取指定列的列高/欄寬

1.1 版本

1.2 預期效果

使用者在進行報表設計時，需要獲取指定行的行高或獲取指定列的列寬，如下圖所示：

1.3 實現思路

可以透過新增按鈕元件，對按鈕新增「點選事件」實現獲取行高或列寬。

相關 JS API可參考：表格列欄物件API

2.1 報表設計

1）建立一張普通報表，建立 ds1 資料集：select * from 銷量

2）設定表頭，將對應的資料列拖入到儲存格中，並將 A2~E2 儲存格的資料設定修改為列表，如下圖所示：

2.2 新增按鈕

1）編輯參數面板，取消勾選「點選查詢前不顯示報表內容」，如下圖所示：

2）新增按鈕元件，將按鈕名稱設定為：點選獲取第一行行高，如下圖所示：

2.3 新增點選事件

新增點選事件，如下圖所示：

JS 程式碼如下：

var a = _g().getRow(1).getHeight();
FR.Msg.confirm("提示","第一列的行高是"+a );

2.4 效果預覽

PC 端效果預覽如 1.2 節所示。

注：不支援行動端。

3.1 新增點選事件

與第 2 節步驟類似，僅需要修改 JavaScript 程式碼即可，不再重複贅述，以獲取第一欄的列寬為例，JS 程式碼如下所示：

var a = _g().getColumn(1).getWidth();
FR.Msg.confirm("提示","第一欄的列寬是"+a );

3.2 效果預覽

PC 端效果預覽如 1.2 節所示。

注：不支援行動端。

已完成的範本可參見：

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分頁預覽JS範例\獲取列高.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分頁預覽JS範例\獲取欄寬.cpt

點選下載範本：獲取列高.cpt  獲取欄寬.cpt