報表支援部分外部CSS樣式表控制新增功能

2021-09-20 01:50:03 字數 1478 閱讀 8067

1.

問題概述

很多客戶反應,我們

v4版本沒辦法支援外部

css樣式引入到報表單元格中

,出於對產品完善的考慮

,我們研發增加了這樣的功能

, 在報表中

,設定單元格的樣式有兩種方式

,一種是直接設定單元格的樣式

,這樣可以直接看到設定的效果

,另外一種是通過定義

css檔案

,給單元格設定樣式的名稱

,這種設定方式只有在計算報表的時候才能夠看到效果。

2. 具體操作**及說明

1.直接設定單元格樣式

選中某單元格,直接設定單元格字型的大小,顏色,對齊方式等屬性。

也可以將設定好的樣式儲存起來,這樣就方便下次某個單元格直接使用了。選擇選單【配置】

-->

【新增到樣式】,這樣就會在設計器**現這樣的下拉列表,方便以後的使用。

2. 通過定義

css檔案來設定單元格樣式

通過定義

css樣式檔案來設定單元格樣式主要需要以下幾個步驟:

自定義乙份

css檔案,或者通過直接設定單元格樣式儲存乙個樣式檔案,檔案直接儲存到了潤幹安裝目錄下的

\designer\tmp\reportcellstyle.css

。乙個樣式檔案中可以定義多種樣式。

修改潤幹安裝目錄下

\designer\tmp\reportstyleconfig.xml

檔案。<?xmlversion ="1.0" encoding="utf-8"?>

mystyle1

styles1.css

mystyle2

reportcellstyle.css

3.新建報表,在報表屬性中選擇要使用的樣式名稱,如下圖:

4.設定完報表樣式以後,選中某單元格,可以在右側的屬性面板中設定該單元格的樣式名稱。單元格樣式名稱下拉列表中列出了樣式檔案中所設定的所有的樣式。

5.注意:

通過定義

css檔案設定單元格的樣式,只有在報表計算時才能顯示出效果;

如果某個單元格中既直接定義了單元格樣式,有通過

css檔案定義了單元格樣式名稱,後者的優先順序高於前者。

在web

端發布時,需要在

reportconfig.xml

檔案中增加以下節點:

<

config

>

<

name

>

cssfile

name

>

<

value

>

/web-inf/reportstyleconfig.xml

value

>

config

>

reportstyleconfig.xml

檔案的配置方法同設計器端一致。

6.整體頁面瀏覽效果如下:

css樣式 部分

css3 部分樣式 邊框 border radius 圓角邊框,可以寫絕對值,也可以寫百分比 可以讓不同的方向進行改變 box shadow 陰影,從左往右,分別為水平偏移方向,垂直偏移方向,模糊半徑 陰影大小 擴充套件半徑 變大 最後乙個是陰影顏色 box shadow 0 0 0 0 color...

css樣式部分(1)

1 border sizng你用過嗎?它的屬性值分別有哪些?他們的作用是什麼?標準w3c下的盒模型和ie下的盒模型有什麼區別?1 box sizing content box border box inherit border sizing有三個屬性值,它們分別是content box,border...

css行內樣式的屬性設定,css的外部樣式的設定

15 行內樣式 行內樣式1 是通過標籤的 style 屬性來設定元素的樣式 格式 標籤 style css樣式 示例 字型內容 多個樣式之間用 分號隔開 乙個樣式多個屬性用空格分開 適用於針對性的修改某乙個標籤的樣式 行內樣式2 通過 html 標籤來設定元素的樣式 適用於頁面中進行的復用。對同一類...