Java軟件報表軟件技術博客

  在實際項目中，為了更符合使用者的審美觀或者讓FineReport和總體框架協調，可能需要修改一些頁面顯示的樣式表(CSS)，通常需要在自定義控件以及填報的過程中修改CSS

1.    控件，以下拉樹為例

1.1    新建模板

1.2    定義參數

在菜單欄中選擇報表|報表參數，打開參數定義面板，添加一個參數p1，默認值選擇字符串形式，如下圖

1.3    參數界面設置，如下圖所示

1.4    控件設置，如下圖所示

類型選擇下拉樹，層次有兩層，從數據庫表中獲得數據                                                    

層次2

1.5    引用CSS換圖標

l         在WebReport目錄下新建一個文件夾，文件名為custom，在custom文件夾下放入所要用到的名為face.gif的圖片，并在custom文件夾下新建一個名為custom_tree.css的文件,文件內容為：.bbit-tree-node-icon {background:url("http://localhost:8075/WebReport/custom/face.gif");}，該語句是用來置換樹葉的樣式

l         引用CSS

打開有使用下拉樹控件的報表，依次點擊菜單：報表——>報表web屬性——>引用css，在控件自定義樣式表一覽點插入按鈕后寫上上custom_tree.css的相對路徑：custom/custom_tree.css，確定后保存報表

1.6    保存并預覽

點擊設計器中的分頁預覽

2.    填報

2.1    打開reportlets\doc\Tutorial\Form\stuff.cpt 報表

2.2    引用CSS改變焦點框顏色

l         在WebReport目錄下新建一個文件夾，文件名為write，在write文件夾下新建一個名為custom_cell.css的文件,文件內容為：.fDtop, .fDbottom, .fDleft, .fDright, .fDdot{ border:1px solid red; }，該語句是用改變焦點框的顏色

l         引用CSS

打開有使用下拉樹控件的報表，依次點擊菜單：報表——>報表web屬性——>引用css，在控件自定義樣式表一覽點插入按鈕后寫上上custom_cell.css的相對路徑：write/custom_cell.css，確定后保存報表

2.3    保存并預覽

點擊設計器中的分頁預覽