表单类组件
更新时间：2018-09-16 15:37:45
表单类组件，看似和大多数网页编辑器中的元件类似，但是在我们的组态编辑器中，还是有它非常独特的使用功能，所以需要准备好一些调用的服务和相关设备的开发。
输入框
这个组件相对来说很简单，只需要注意设置一些条件，比如类型和长度。这个组件的主要用途是和按钮组件联动，所以具体功能在按钮组件中得以体现。
下拉框
这个组件有别于其他大多数编辑器中的功能是，它可以动态的获取你的设备信息，自动根据你的设备情况来动态生成数据。通过按钮组件调用时，下拉框的值就是productKey或者deviceName。这个组件的主要用途是和按钮组件联动，所以具体功能在按钮组件中得以体现。
选择产品后，可以看到产品下的设备类型，如果该类型有多个设备，那么这些设备数据都将被自动加载到下拉框中，形成一个下拉列表。
当然，这个组件也可以自定义下拉框里的内容，全部静态的填写，配置为自定义即可。
JSON框
如果输入框和下拉框还不能满足一些输入要求的话——尤其是一些入参需要是JSON对象的时候，JSON框组件可以解决这个问题。它可以让你输入一个JSON对象，并且提供自动校验功能。同样的，这个组件的主要用途是和按钮组件联动，所以具体功能在按钮组件中得以体现。
按钮
这个组件是提交框，下拉框和JSON框组件联动的必要环节，它最终会将上面两个组件的内容数据提交给指定的处理方法上。点击按钮可以触发三种事件：调用服务，跳转超链接和显示/隐藏组件。
调用服务
调用服务可以选择项目内的官方服务和自研服务。选择服务之后选择API，然后对应的入参就会显示在右侧配置栏。这时可以去根据入参的key去关联入参的value。入参的value可以是静态值，也可以动态关联画布上组件的值。点击输入框右侧的回形针icon，之后会跳出一个弹窗，它的功能是将当前页面中可用的提交框和下拉框组件展示出来。选择一个关联上，则表示在页面中提交框或下拉框或json框的具体填选值作为参数值提交。
快捷功能，如果入参的 key 是 productKey 或者 deviceName，并且绑定了列表内容是产品设备的下拉框，可以直接从下拉框组件获取对应的值
当然了，按钮也可以做其他的简单的动作，比如跳转到一个页面链接去：
或者显示/隐藏某一个组件：
iframe（嵌套页面）
这个组件在网页设计中是一个非常常见的元素，主要用于将站点外的内容纳入到同一个页面中来：
只需要输入一个URL，就能完成基本的配置了：
记得调整一下组件大小，它将决定这个嵌入页面的展示尺寸：
