反饋已提交

網絡繁忙

工具欄API

版本

版本功能變動
11.0

和 10.0 差別:

  • 獲取按鈕API參數有變化,11.0 使用按鈕名稱

  • 新增 toolBarFloat 、setStyle API

  • 新增 getToolbar API

注1:工具欄所有API在普通報表中使用時,要求報表中只有一個工具欄,即頂部工具欄或底部工具欄只存在一個。

注2:以下API不支援在 FVS 視覺化看板中使用。

在使用API前,請務必先仔細閱讀 JS API 相容說明,API預設支援普通報表和決策報表(新版)。

getWidgetByName

方法getWidgetByName(name)獲取報表工具欄中的按鈕,可結合按鈕的方法使用
     參數name: string

按鈕名稱,字串,以下為常用按鈕的名稱

  • submit:提交按钮

  • verify:数据检验

  • first:首页

  • previous:上一页

  • next:下一页

  • last:末页

  • newprint:打印

  • flashprint:打印(客户端)

  • email:邮件

  • export:导出

           注:export 需使用 11.0.27 及之后版本

  • PDF:pdf

  • pagenavi :当前页/总页数

  • stashbutton:暂存

  • ClearStashedButton:清空

   回傳值按鈕物件
object
     範例

範例1:若獲取到的工具欄物件定義為 toolbar ,獲取工具欄中的郵件按鈕

toolbar.getWidgetByName("email");

範例2:普通報表中獲取工具欄中郵件按鈕

_g().getToolbar().getWidgetByName("email");


  應用範例

填報成功後,工具欄隱藏「郵件」和「列印」按鈕:

點選可下載範本:工具欄按鈕不可見.cpt

4.gif

   行動端不支援行動端

getToolbar

在普通報表中使用時,要求報表中只有一個工具欄,即頂部工具欄或底部工具欄只存在一個

普通報表中的使用方法getToolbar()獲取工具欄物件
參數-

-

回傳值按鈕物件
object
範例

範例1:獲取到報表物件定義為 report,獲取工具欄物件

report.getToolbar();

範例2:普通報表中獲取工具欄物件

_g().getToolbar();


  應用範例

-

   行動端支援行動端

決策報表中的使用方法

決策報表中的使用方法getToolbar(index)獲取報表塊的工具欄,在工具欄開啟的情況下使用,獲取後使用工具欄API和工具欄按鈕API
     參數

index: number


工具欄位置,數字

  • 0:頂部工具欄

  • 1:底部工具欄

   回傳值工具欄物件object
     範例

範例1:獲取到報表塊物件定義為 report,獲取頂部工具欄物件

report.getToolbar(0);

範例2:決策報表中獲取 report0 報表塊的頂部工具欄物件

_g().getWidgetByName("report0").getToolbar(0);

範例3:決策報表中獲取 report0 報表塊的頂部具欄,並將其隱藏

_g().getWidgetByName("report0").getToolbar(0).setVisible(false);


  應用範例

點選按鈕隱藏決策報表報表塊的工具欄:

點選可下載範本:點選按鈕隱藏報表塊工具欄.frm

5.gif

   行動端支援行動端

toolBarFloat

方法toolBarFloat(direction)設定工具欄顯示位置
     參數direction: string

顯示方式,字串

  • left:靠左顯示

  • right:靠右顯示

  • center:置中顯示

   回傳值void
     範例

範例1:若獲取到的工具欄物件定義為 toolbar ,設定工具欄置中顯示

toolbar.toolBarFloat('center');

範例2:普通報表中設定工具欄置中顯示

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

範例3:決策報表中設定工具欄置中顯示

_g().getWidgetByName('report0').getToolbar(0).toolBarFloat('center');


  應用範例

普通報表中設定工具欄置中顯示:

點選可下載範本:工具欄置中顯示.cpt

   行動端不支援行動端

setStyle

方法setStyle(style)修改工具欄大小
     參數style:

{

    width: number,

    height: number

}

工具欄大小,json 格式

  • width: 工具欄長度

  • height: 工具欄高度

   回傳值void
     範例

範例1:若獲取到的工具欄物件定義為 toolbar ,修改工具欄大小為長 900,高 60

toolbar.setStyle({    width: 900,    height: 60});

範例2:普通報表中修改工具欄大小為長 900,高 60

_g().getToolbar().setStyle({    width: 900,    height: 60});

範例3:決策報表中修改工具欄大小為長 900,高 60

_g().getWidgetByName('report0').getToolbar(0).setStyle({    width: 900,    height: 60});
  應用範例

普通報表中設定工具欄長 900,高 60:

點選可下載範本:修改工具欄大小.cpt

   行動端不支援行動端

setVisible

方法setVisible(visbility)設定工具欄顯示/隱藏
     參數

visbility: boolean

工具欄是否顯示,布林型

  • true: 工具欄顯示

  • false: 工具欄隱藏

   回傳值void
     範例

範例1:若獲取到的工具欄物件定義為 toolbar ,隱藏工具欄

toolbar.setVisible(false);

範例2:普通報表中隱藏報表的工具欄

_g().getToolbar().setVisible(false);

範例3:決策報表中隱藏報表的工具欄

_g().getWidgetByName('report0').getToolbar(0).setVisible(false);


  應用範例

普通報表中設定隱藏報表的工具欄:

點選可下載範本:隱藏工具欄.cpt

   行動端支援行動端


附件列表


主題: 二次開發
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙