tab 頁形式展現多張報表

2022-08-10 05:03:08 字數 981 閱讀 3864

業務系統中,很多報表都是沿用之前 excel 的報表樣式,原來以 sheet 格式顯示的表,客戶在 web 端展現的時候也希望也有同樣的格式,潤幹在實現這種效果和 excel 一樣簡單靈活,輕鬆將資料包表以多個 tab 頁的形式展現在頁面中,達到了一同展現,同時進行查詢、列印、匯出 excel 結果檔案等操作。

在潤幹報表中如何實現這樣多個 tab 頁形式的報表呢?下面我們一起來看下具體操作。

如上面截圖的效果,首先分別定義訂單.rpx 和訂單明細.rpx 兩張報表,然後在檔案選單中有新建報表組的選項。

點選該選項後,我們就可以在彈出的對話方塊中增加訂單.rpx 和訂單明細.rpx 兩張報表。

url 型別可以是相對路徑也可以是絕對路徑。點選確定後,我們在潤幹的報表設計器下就能卡到兩個 sheet 標籤,預設的名稱是 sheet1,sheet2……

右鍵這個 sheet 名稱,可以進行修改這個標題的名稱。

可以通過左右拖拽調整顯示的順序,右鍵這些 sheet 名稱通過彈出的快捷選單中的左移、右移選項也可以調整位置,還可以刪除當前的 sheet, 或者在當前的 sheet 前再插入個報表。

切換tab頁時,tab頁中的echart變形問題

在兩個tab頁中,分別展現了兩個echart圖表,同樣的格式與寫法,但只有在預設選中的tab頁中的圖表顯示的是正常的,但進入另乙個tab頁中時,圖表則產生了變形的問題,如下圖所示 在網上查了很多,有各種方法,嘗試之後也並沒有改變變形的問題,終極原因是在頁面進行載入時,隱藏的圖表找不到對應的div大小...

tab 標籤頁實現

標籤頁功能是乙個比較常用的功能。雖然很多前端框架 外掛程式都帶有若干種標籤頁的功能實現,我依然覺得掌握其基本實現會更有利於我們對這個功能的理解,我們也可以更容易地根據實際情況進行修改。以下 示例是乙個比較常見的實現 春天的雨是柔和的,只見春雨在竹枝 竹葉上跳動著。那雨時而直線滑落,時而隨風飄灑,留下...

tab標籤頁切換

第一種 first second tab title li click function script 第二種 notice notice tit notice tit ul notice tit ul li notice tit ul a notice tit ul select 我是內容1 我是...