让我们用一个简单的例子来体验这个表单。
最终效果如下：
如何使用网页表单控件制作网页表单
2
新表单
点击【文件新建表单】，如下图
如何使用网页表单控件制作网页表单
拖到组件中
如上图所示，我们可以看到表单需要一个下拉框控件、一个对应的标签控件和一个查询按钮，以及一个以表格形式显示数据的报表块和一个显示图表的图表块。此时，我们已经确定需要向表单中添加一个报表块、一个图表块和三个控件。
注意：在组件的介绍中，我们知道控件可以作为附加到参数面板的组件存在，也可以作为单独的组件存在。任意一种形式都可以在这里随意使用，效果都是一样的，所以使用附在参数面板上的形式。
参数分量
将参数组件从工具栏拖到窗体上，将对应的三个控件：下拉框、文本控件、查询按钮拖到参数组件上，将标签控件的控件值设置为：customer，如下图所示：
如何使用网页表单控件制作网页表单
报告块组件
将报表组件从工具栏拖到窗体上，如下图所示：
如何使用网页表单控件制作网页表单
注意：如果组件数量太大，在网页端显示时，一页中的自适应显示会很拥挤。然后，此时可以选择右下角的整体框体，在右上角的属性表中将组件缩放修改为自适应原样缩放，如下图所示：
如何使用网页表单控件制作网页表单
全显示区：在web端显示时，所有组件自适应填充整个浏览器页面显示，无需滚动条；
自适应原样缩放：指在网页端显示时，制作表单时按照组件大小的比例显示，整个网页不缩放；如果超过页面大小，将出现滚动条。
请检查表单样式的详细显示样式。
图表组件
将图表组件从工具栏拖到报表块组件的底部，如下图所示：
如何使用网页表单控件制作网页表单
控件绑定数据
定义数据集
在渲染中，新创建的数据集ds1:SELECT产品名称、库存、产品。成本价，产品。来自订单的单价、订单详细信息、客户标识为“${company}”的产品和订单。订单标识=订单详细信息、订单标识和订单详细信息。产品标识=产品。产品ID，参数公司默认值为VINET，
注意：参数名称必须与客户标识下拉框的控件名称一致。
客户下拉框控件
选择下拉框控件并将其拖动到适当的位置。下拉框控件的名称设置为“公司”。数据字典来自FRDemo数据库的客户表(数据类型选择数据库表，数据库选择FRDemo)。实际值和显示值分别为客户ID和客户名称，控制值为VINET:
如何使用网页表单控件制作网页表单
报告块
设置好参数和控件后，点击报表块中的手写笔按钮，编辑报表块界面，如下图所示：
如何使用网页表单控件制作网页表单
新数据集
在效果图中，订单的详细数据应该显示在报表块中，根据客户ID进行过滤，并新建一个数据集ds2:从创建客户ID='${company} '的订单中选择*公司，公司的默认值为VINET。
样品设计
如下图所示，设计样本：
如何使用网页表单控件制作网页表单
点击左下角的表单按钮，返回表单的设计界面，选择报表块，设置报表块工具栏在右侧属性页是否可见，如下图所示：
如何使用网页表单控件制作网页表单
图表块
选择图表块所在的区域，并为图表绑定数据。图表数据源来自数据集数据源，其分类系列设置如下：
如何使用网页表单控件制作网页表单
条件属性
由于图表块类型为组合图表，因此需要通过图表条件属性修改不同系列的图表类型，如下图所示，增加一个条件属性，当系列s
注意：设置条件时，数据绑定时序列号需要与数据列顺序匹配。在上图设置图表数据时，存货、成本价、单价的序号依次为1、2、3，条件属性主要包括设置存货系列以柱形图显示，成本价、单价以折线图、副轴显示。添加组合图时，默认会添加两个条件属性。详情请查看组合图。
到目前为止，表格已经制作完成。