反饋已提交

網絡繁忙

工具欄API

一、概述

  1. 本文介紹的是工具欄的JS API方法。

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

二、API介紹

1
【getWidgetByName】

方法

getWidgetByName(name)

獲取報表工具欄中的按鈕,可結合按鈕的方法使用。

參數

name: string

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

  • 【submit】:提交按鈕

  • 【verify】:數據檢驗

  • 【first】:首頁

  • 【previous】:上一頁

  • 【next】:下一頁

  •  【last】:末頁

  • 【flashprint】:列印(客戶端)

  • 【email】:郵件

  • 【PDF】:pdf

  • 【pagenavi】 :當前頁/總頁數

  • 【stash】:暫存

  • 【clear】:清空

傳回值

按鈕物件

object

範例

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

toolbar.getWidgetByName("email");

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

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


應用範例

填報成功後,工具欄隐藏【郵件】和【列印】按鈕:

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

1.gif

行動端

不支援行動端。

2
【toolBarFloat】

方法

toolBarFloat(direction)

設定工具欄顯示位置。

參數

direction: string

顯示方式,字串:

  • left:居左顯示。

  • right:居右顯示。

  • center:居中顯示。

傳回值

void

範例

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

toolbar.toolBarFloat('center');

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

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


應用範例

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

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

2.jpg

行動端

不支援行動端。

3
【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
});


應用範例

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

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

3.jpg

行動端

不支援行動端。

4
【setVisible】

方法

setVisible(visbility)

設定工具欄顯示/隐藏。

參數

visbility: boolean

工具欄是否顯示,布爾型:

  • true: 工具欄顯示。

  • false: 工具欄隐藏。

傳回值

void

範例

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

toolbar.setVisible(false);

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

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


應用範例

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

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

4.jpg

行動端

支援行動端。


附件列表


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

文 檔回 饋

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

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

不再提示

10s後關閉