表单设计模式

顶( )

最后更新日期：

有人发表评论 (点击查看)

表单设计模式、网页框、表单数据源

点击菜单文件>新建表单，会弹出选择表单容器的界面，如下图所示：

我们选择一种布局，按确定按钮。

然后选择窗口>视图>默认布局，会出现默认的表单设计界面，如下所示：

该节中我们已一个表单的具体示例来体验一下表单的制作方法，最终效果如下：

新建表单，选择绝对定位布局，点击确定。

最终效果如下图：

选中标签控件拖拽到适当位置，标签的控件名设为“L1”，文本为“订单ID：”；

选中下拉框控件拖拽到适当位置，下拉框控件名设为“orderid”，数据来自FRDemo数据库的订单表，下拉菜单表示订单ID；

选中标签控件拖拽到适当位置，下拉框控件名设为“L2”，文本为“客户ID：”；

选中文本框控件拖拽到适当位置，文本框控件名为customerid，文本为空；

选中网页框控件拖拽到适当位置，调整大小，网页框控件名为cpt；

直接使用报表%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Son.cpt，该模板中定义了报表参数ID，接收订单ID的值，从而查询出明细数据。

网页框的地址为${servletURL}?reportlet=doc/Advanced/Son.cpt，其中${servletURL}表示当前访问的servlet路径如http://localhost:8075/WebReport/ReportServer；

首先给customerid文本框绑定一个动态的数据，定义一个表单数据源ds1，根据orderid控件值动态筛选数据：

注：表单设计模式下的表单数据源与模板数据集的作用是不同的。表单数据源在控件高级>数据绑定中使用，用于动态改变控件的值，如实现控件之间的联动；而模板数据集在控件基本属性>数据中使用，即当控件数据字典设置为数据查询时使用即给控件设置数据。

选中customerid文本框，设置高级>数据绑定，选择表单数据源ds1，值为客户ID字段：

给orderid控件添加编辑后事件，当选择了某个订单后，重新加载出客户ID：

js代码如下：

给cpt网页框控件添加参数，参数值即为orderid控件的值：

在orderid控件的编辑后事件中，再添加js，重新加载cpt网页框，最终js代码如下：

保存表单，表单模板后缀名为.frm，点击表单预览，即可看到效果。

文明发言，用心评论

		应用此篇文章，您: 不费力研究了一会琢磨了好久

查看全部条>>	<<只显示5条