反饋已提交
網絡繁忙
和 10.0 差別:
10.0 支援,10.0.19 及之後版本支援
注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 。
行動端
不支援行動端。
mode:string,
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:從頭開始
範例:FVS 視覺化看板中給 FVS表格組件 新增預設跑馬燈效果
setTimeout(() => { duchamp.getWidgetByName("表格組件").startMarquee() }, 500)
參見文檔:JS實現FVS表格跑馬燈
stopMarquee()
關閉跑馬燈效果。
-
report.stopMarquee();
範例2:普通報表中關閉透過 startMarquee() 設定的跑馬燈效果。
_g().stopMarquee();
範例3:決策報表中關閉 report0 報表塊的跑馬燈效果。
_g().getWidgetByName('report0').stopMarquee();
報表塊實現跑馬燈效果,點選【關閉】按鈕關閉跑馬燈效果:
點選可下載範本:關閉跑馬燈.frm 。
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙