跑馬燈API

版本

版本功能變動
11.0

和 10.0 差別:

10.0 支援,10.0.19 及之後版本支援

11.0.9FVS V1.14.0 版本提供了跑馬燈特效配置項,無需透過 JS 即可設定跑馬燈效果。為與功能配置項對齊,優化了 FVS 的 startMarquee API參數

startMarquee

普通報表和決策報表

注1:用以下API實現的跑馬燈效果,不支援透過「決策報表內報表塊重新整理插件」實現重新整理。

方法

startMarquee(opt)

開啟跑馬燈效果。

參數

opt: {

offset: number;

interval: number;

stopOnHover: boolean;

to: string}

捲動效果屬性,json 格式。

offset:每次捲動的距離,預設為 5px,單位為 px。

interval:間隔時長,預設為 0.1s,單位為 s。

stopOnHover:滑鼠懸停時是否暫停,預設為 true:

true:暫停。

false:不暫停。

to:捲動的方向,支援向上和向左,預設向上:

'top':向上捲動。

'left':向左捲動。

回傳值

void


範例

範例1:若獲取到的報表塊物件定義為 report,實現預設的跑馬燈效果(每 0.1s 捲動 5 px,滑鼠懸停時暫停)。

report.startMarquee();

範例2:普通報表中實現預設的跑馬燈效果。

_g().startMarquee();

範例3:決策報表中給 report0 報表塊新增預設的跑馬燈效果。

_g().getWidgetByName('report0').startMarquee();

注:程式碼新增在【初始化後】事件中時,建議新增一個延遲函式,否則可能會因為報表塊物件沒有完全建立而發生錯誤。範例如下:

setTimeout(function(){
     _g().getWidgetByName('report0').startMarquee();
}, 500);

範例4:普通報表中實現每 0.3s 向左捲動 2 px,滑鼠懸停時不暫停。

report.startMarquee({        
offset: 2,        
interval: 0.3,        
stopOnHover: false,
to:'left'   
});

範例5:決策報表中 report0 報表塊實現每 0.3s 向左捲動 2 px,滑鼠懸停時不暫停。

setTimeout(function({
_g().getWidgetByName('report0').startMarquee({
offset: 2,
interval: 0.3,
stopOnHover: false,
to:'left'
});
}, 500);


應用範例

報表塊實現預設的跑馬燈效果,滑鼠懸浮時停止捲動:

點選可下載範本:開啟跑馬燈.frm 

開啟跑馬燈.gif

行動端

不支援行動端。

FVS 可視化看板

方法startMarquee(opt)開啟跑馬燈效果
     參數

opt: {

mode:string,

speed:number,

to:string,

stay:number,

stopOnHover:boolean,

joinable:boolean,

}

捲動效果屬性,json 格式

mode:捲動內容,預設為整屏

  • 'item':逐條

  • 'page':整屏

speed:捲動速度,預設為 50px/s,單位為 px/s

to:捲動的方向,支援向上和向左,預設向上

  • 'top':向上捲動

  • 'left':向左捲動

stay:捲動間隔,預設為 0s ,單位為 s

stopOnHover:滑鼠懸停時是否暫停,預設為 true

  • true:暫停

  • false:不暫停

joinable:捲動方式是否為首尾相接,預設為 false

  • true:首尾相接

  • false:從頭開始

    回傳值void
     範例

範例:FVS 視覺化看板中給 FVS表格組件 新增預設跑馬燈效果

setTimeout(() => {
        duchamp.getWidgetByName("表格組件").startMarquee()     
}, 500)


  應用範例

參見文檔:JS實現FVS表格跑馬燈

     行動端支援

stopMarquee

方法

stopMarquee()

關閉跑馬燈效果。

參數

-

-

回傳值

void


範例

範例1:若獲取到的報表塊物件定義為 report,關閉透過 startMarquee() 設定的跑馬燈效果。
report.stopMarquee();

範例2:普通報表中關閉透過 startMarquee() 設定的跑馬燈效果。

_g().stopMarquee();

範例3:決策報表中關閉 report0 報表塊的跑馬燈效果。

_g().getWidgetByName('report0').stopMarquee();


應用範例

報表塊實現跑馬燈效果,點選【關閉】按鈕關閉跑馬燈效果:

點選可下載範本:關閉跑馬燈.frm  。

關閉跑馬燈.gif

行動端

不支援行動端。



附件列表


主題: 二次開發
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
中文(繁體)

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

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

不再提示

9s后關閉

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

反馈已提交

网络繁忙

反饋已提交

網絡繁忙