Posted on 2010-07-14 12:43
FineReport——報表技術領跑者 閱讀(257)
評論(0) 編輯 收藏 所屬分類:
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 保存并預覽
點擊設計器中的分頁預覽
