決策報表Tab塊輪播特效插件

1.1 版本

1.2 應用場景

目前決策報表tab塊默認的輪播效果是漸變切換，比較單一。

此插件功能爲決策報表tab塊增強，提供輪播效果配置項，實現報表tab多種展示效果，例如橫向滾動效果、上下滾動等輪播效果。

1.3 功能介紹

此插件功能爲實現tab輪播特效功能。通過控件配置選項，實現報表中tab塊輪播效果的變更。

功能描述如下：

• 在設計器的決策報表工具欄中新增一項“tab塊”組件。

• 控件設置畫面，增加“輪播特效”配置項。

• 報表預覽實現橫向滾動、上下滾動、3D翻轉等效果。注意：在tab标簽第一次輪播後，特效會展示。

2.1 插件安裝

點擊下載插件：tab輪播特效插件

設計器插件安裝方法參照：設計器插件管理

服務器安裝插件方法參照： 服務器插件管理

2.2 操作方法

2.2.1 添加組件

安裝好插件後，在設計器打開對應報表文件，決策報表工具欄中新增一項“tab塊”組件。決策報表設計時，将 Tab 塊組件拖拽至決策報表主體中。如圖：

注意：安裝完插件後，同步在工具欄控件增加一個“tab塊布局”控件，此項無需使用。（僅用於tab塊組件嵌套）。

2.2.2 參數配置

插件安裝後，報表控件設置畫面，已增加“輪播特效”配置項，需要設置特效選項。

點擊左側控件設置，打開tab布局屬性界面，如下圖：

先勾選“開啓輪播”，在“輪播特效”選項，可以設定各種報表展示效果。包括漸變切換、橫向滾動、上下滾動、3D翻轉效果。

預覽報表即可看到展示效果。注意：在tab标簽第一次輪播後，特效會展示。

3.1 報表設計

1）打開報表%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Oldchart\advanced\tab标簽.frm，菜單欄點擊模板>模板Web屬性>分頁預覽設置>爲該模板單獨設置，雙擊分頁器組件，添加到工具欄後點擊确定。

3.2 效果預覽

保存報表，點擊預覽 ，查看報表效果：

已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\Tab輪播特效插件.frm

點擊下載模板：Tab輪播特效插件.frm

在tab标簽第一次輪播後，特效會展示。

IE8及以下版本，不支持輪播特效顯示（和整體産品保持一緻）。