反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

FVS表格組件(極速版)

一、概述

  1. 功能簡介:表格組件(極速版),與普通報表.cpt範本的使用方法基本一緻。

  2. 本文僅為大家介紹表格組件(極速版)特有功能,其他屬性不贅述。

  3. 組件互動請參見:FVS組件框架互動屬性 。表格組件僅支援監控重新整理設定。

  4. 組件動畫請參見:FVS組件框架動畫屬性 。

  5. 組件屬性請參見:FVS組件屬性 。

二、組件特點

  1. 相比於表格組件,表格組件(極速版)有以下特點:

1
載入速度快。
  1. 表格組件使用 iframe 的方式渲染,表格組件(極速版)使用 canvas 的方式渲染。相同内容,表格組件(極速版)的載入速度更加快。

  2. 表格組件如下圖1所示。

  3. 表格組件(極速版)如下圖2所示。

表格組件.gif

 

表格組件极速版.gif

 

2
彈出框作用全域。
  1. 表格組件(極速版)不存在 iframe 的局限性,超連結可直接作用於FVS畫布,不會被截斷於表格組件内。

表格-网页框.gif

3
支援直接觸發FVS的JS API。
  1. 如果對表格組件的儲存格設定【超級連結】→【Javascript腳本】,無法傳遞到外層的FVS範本中。如果必須要傳遞,則在程式碼前添加parent.window。

  2. 但是表格組件(極速版)的Javascript腳本,支援直接傳遞到外層的FVS範本中。

  3. 例如對儲存格設定【超級連結】→【Javascript腳本】,以切換分頁。

  4. 表格組件程式碼如程式碼塊1所示。

  5. 表格組件(極速版)程式碼如程式碼塊2所示。

parent.window.duchamp.switchStory("頁面1");
duchamp.switchStory("頁面1");


三、使用方法

1
新建組件。
  1. 新建一張【大屏範本】。如下圖1所示。

  2. 在頁面中新增一個【表格組件(極速版)】。如下圖2所示。

image.png

image (1).png

2
編輯組件。
  1. 編輯表格組件(極速版),有兩個入口:點擊組件右上角的【編輯】按鈕;或選中組件,點擊右側配置欄的【編輯組件】按鈕。如下圖1所示。

  2. 進入表格組件(極速版)編輯頁面後,即可按照普通報表的使用方式進行編輯。

  3. 編輯完成後,點擊【返回大屏編輯器】,即可自動保存并回到畫面介面。如下圖2所示。

image (2).png

image (3).png

四、表格自适應

  1. FVS大屏的自适應設定,僅對表格組件(極速版)框架生效,不對内容生效。

  2. 表格組件(極速版)内容的自适應,需要在表格組件(極速版)編輯介面配置【PC端自适應屬性】。如下圖所示。

  3. 表格組件(極速版)自帶優化滾動條功能。

image (4).png

五、表格載入結束事件

  1. 在表格組件(極速版)編輯區域,選擇菜單欄【範本】→【表格載入結束事件】,支援輸入JavaScript程式碼,對該表格組件生效。

  2. 但需要注意,表格組件(極速版)僅支援Javascript腳本,不支援提交入庫、自訂提交、發送郵件。

  3. 且表格組件和表格極速版組件的JS寫法不完全相同,例如跑馬燈的寫法差異如下表所示。


表格(極速版)組件

表格組件

開始跑馬燈

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

 

結束跑馬燈

setTimeout(() => {
        duchamp.getWidgetByName("表格").stopMarquee()
}, 500)
_g().startMarquee();


image (5).png

image (6).png

六、不支援的功能

  1. 表格組件(極速版)與普通報表.cpt範本的使用方法基本一緻。

  2. 但以下功能點,表格組件(極速版)均不支援。

1
菜單欄。
  1. 菜單欄大部分都支援,但是:

  2. 範本:僅支援範本資料集,範本參數,PC端自适應屬性。僅支援重複與凍結設定,不支援填報的凍結設定。

  3. 儲存格:不支援【元件設定】,其餘支援。

image (7).png

2
預覽模式。
  1. 僅支援強制不分頁預覽模式,效果同&__bypagesize__=false一緻。詳情請參見:不分頁顯示資料

  2. 不支援分頁預覽填報預覽資料分析行動端預覽等等其他預覽方式。

image (8).png

 

3
多sheet。
  1. 不支援多 sheet 。

image (9).png

 

4
元件。
  1. 不支援元件設定。

image (10).png

 

5
參數。
  1. 不支援參數介面設定。

image (11).png

 

6
儲存格超級連結。
  1. 儲存格中的超級連結,有以下情況均不支援。

超鏈型別

 是否支援

儲存格超鏈-郵件

不支援。

儲存格超鏈-動态參數

動态參數會直接修改頁面url導緻頁面重新整理,這種邏輯不适合用在大屏上面。

儲存格超鏈-聯動儲存格圖表

不支援。

儲存格超鏈-聯動懸浮元素

新計算引擎不支援。

儲存格超鏈-Javascript腳本

不支援普通報表的一些JS寫法。

image (12).png

 

7
懸浮元素。
  1. 不支援懸浮元素。

image (13).png

 

8
圖表特效。
  1. 儲存格圖表特效中,不支援匯出圖片,不支援監控重新整理,不支援超級連結。

image (14).png

 

七、已完成範本

  1. 已完成範本請參見:FVS表格極速版組件示例.fvs


附件列表


主題: 11.0新增功能
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

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

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

不再提示

10s後關閉