web表格控件FineReport教程：[10]填報預覽?

下面通過web表格控件FineReport來簡單介紹一下如何進行設置。

工具/原料

web表格控件FineReport7.1.1

大小：148.2M 適用平臺：windows/linux

上傳圖片

設置文件控件

打開模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FreeForm\FreeForm.cpt，其中H6單元格就是一個文件控件，由於每個員工只需上傳一張照片，因此設置該控件為單文件上傳，如下圖：

效果查看

在BS端進行填報時，就可以上傳圖片了，若該格與某個數據庫表的字段進行了綁定（綁定的字段類型必須是大文本類如BLOB、image、OLE對象等，數據庫不同，類型有所區別），上傳的文件以二進制的格式保存在數據庫表中：

保存數據後，把數據列拖入單元格，就可以顯示出對應的照片：

填報界面鍵盤操作

FineReport填報界面除去按鈕類型的控件其餘可以完全使用鍵盤不需要用鼠標操作，對於業務人員，將可以極大的節省信息錄入的時間。

這裡我們對填報BS界面上的一些鍵盤操作做簡單的說明，我們以自由填報模板為例，在設計器中打開模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FreeForm\FreeForm.cpt，點擊填報預覽。

進入編輯狀態

若是數字、字符或漢字，直接輸入值便進入編輯狀態，如下圖示：

填報界面各控件間光標移動

enter鍵：確認並移至下一格；

上、下、左、右鍵：顧名思義就是上下左右移動；

tab鍵：向右移，到該行最後格後移至下一行第一格；

shift+enter：移至上一格；shift+tab：向左移；

delete鍵選擇單元格點擊delete清空該單元格中的內容。

注：默認的enter鍵和tab鍵分別是光標移至下一行和移至下一列，當然也可以設置enter鍵為移至下一列，而tab鍵為移至下一行。其設置方法在模板>報表填報屬性>填報快捷設置處設置，只需點擊換行圖標即可切換。

下拉框控件

首先按空格鍵，使之進入編輯狀態，然後點擊向下鍵展開菜單，使用上、下鍵選擇選項，最後按enter鍵確認選擇項。

多行編輯

若其控件為文本域時，按ctrl+enter可進行換行，即光標會移到編輯行的下一行，效果如下：

此處，按PageDown、PageUp可讓光標移至編輯內容的首部和尾部；其中按一次backspace鍵就刪除一個字符。