web表格插件FineReport教程：[10]填报预览

下面通过web表格插件FineReport来简单介绍一下如何进行设置。

工具/原料

web表格插件FineReport7.1.1

大小：148.2M 适用平台：windows/linux

上传图片

1、设置文件控件打开模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FreeForm\FreeF泠贾高框orm.cpt，其中H6单元格就是一个文件控件，由于每个员工只需上传一张照片，因此设置该控件为单文件上传，如下图：

2、效果查看在BS端进行填报时，就可以上传图片了，若该格与某个数据库表的字段进行了绑定（绑定的字段类型必须是大文本类如BLOB、image、OLE对象等，数据库不同，类型有所区别），上传的文件以二进制的格式保存在数据库表中：

3、保存数据后，把数据列拖入单元格，就可以显示出对应的照片：

填报界面键盘操作

1、FineReport填报界面除去按钮类型的控件其余可以完全使用键盘不需要用鼠标操作，对于业务人员，将可以极大的节省信息录入的时间。这里我们对填壁架特鸵报BS界面上的一些键盘操作做简单的说明，我们以自由填报模板为例，在设计器中打开模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FreeForm\FreeForm.cpt，点击填报预览。

2、进入编辑状态若是数字、字符或汉字，直接输入值便进入编辑状态，如下图示：

3、填报界面各控件间光标移动enter键：确认并移至下一格；上、下、左、右键：顾名思义就是上下左右移动；tab键：向右移，到该行最后格后移至下一行第一格；shift+enter：移至上一格；shift+tab：向左移；delete键选择单元格点击delete清空该单元格中的内容。

4、注：默认的enter键和tab键分别是光标移至下一行和移至下一列，当然也可以设置enter键为移至下一列，而tab键为移至下一行。其设置方法在模板>报表填报属性>填报快捷设置处设置，只需点击换行图标即可切换。

5、下拉框控件首先按空格键，使之进入编辑状态，然后点击向下键展开菜单，使用上、下键选择选项，最后按enter键确认选择项。

6、多行编辑若其控件为文本域时，按ctrl+enter可进行换行，即光标会移到编辑行的下一行，效果如下：此处，按PageDown、PageUp可让光标移至编辑内容的首部和尾部；其中按一次backspace键就删除一个字符。