1. 概述
1.1 应用场景
如果报表较简单但数据量大，希望前端性能有所提高，可选择「新填报预览」。
1.2 功能简介
新填报预览，跟普通填报预览一样，也是指在 Web 端用来预览填报数据的，一般在只需要录入修改数据的时候使用，当然也可用来查看数据。但与普通填报预览相比有如下一些新特性：
| 新特性 | 概述 | 备注 |
|---|---|---|
| 采用了新样式的控件 | 新的填报控件继承自新的控件抽象类的 WT.Widget | 解决了下拉框等控件在浏览器缩放时按钮消失等问题 |
| 采用了前后台异步加载方式 | 后台计算逻辑不变，前台每次只加载部分内容，滚动后再加载 | 变相实现了分页加载，大大提高性能 |
| 其他 | 导入Excel 后支持单元格的缩进效果 | - |
1.3 功能限制
新填报预览暂不支持以下功能：
在 URL 后面加上 &__cutpage__=v 来开启分页模式
输出离线 HTML
设置填报当前编辑行背景
列表控件
树节点展开折叠按钮的显示
单元格内的文本控件的样式，比如居中，单元格背景
自动调整单元格大小
悬浮元素
参数面板设置显示位置
单元格数据字典
contentPane.parameterEl.getWidgetByName ("控件名")
JS 实现填报时对修改过的单元格进行标识
多级上报
使用前端 JS 获取元素
移动端预览
IE10 及以下
2. 示例
2.1 准备数据
新建数据查询数据集 ds1，SQL 语句为：SELECT * FROM S订单
2.2 设计表格
设计表格，将数据集中对应的字段拖入单元格中，选中 A2~G2 单元格，添加「文本控件」。如下图所示：
2.3 设置报表填报属性
设置报表填报属性，步骤如下图所示：
注：详情参见：内置SQL提交
2.4 设置模板 Web 属性
设置模板 Web 属性的报表显示位置为居中展示，步骤如下图所示：
2.5 效果预览
保存报表，点击「新填报预览」，在 Web 端展开预览，只加载部分内容，滚动后再加载，可对模板内容进行编辑修改，进行数据的入库操作，效果如下图所示：
3. 模板下载
已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FreeFrom\新填报预览示例.cpt
点击下载模板：新填报预览示例.cpt
4. 注意事项
新填报预览的 URL 地址相比较于分页预览，其后面多了一个 &op=write_plus 的参数，即这个 op 参数的值来控制模板的预览方式，没有参数就是普通分页预览，有参数且参数值为 write_plus 就表明这是新填报预览。