Previous topicNext topic
WebBuilderX > 子页面容器类型 > 弹层类容器 >
表单弹层

顾名思义,表单弹层是指可以添加表单内容并能向服务器提交数据的弹层。此类弹层一般用于表格数据的查询和修改。

以之前建立的、名为“容器1”的表格面板为例,这个表格已经实现了数据的增加和删除功能,但是还没有查询功能。尽管在头部工具栏中已经添加了“查询数据”按钮,可是单击无效。OK,现在就可以建立一个用于数据查询的表单弹层。

点击“添加容器”,将容器类型选择为“表单弹层”;由于这个弹层是用在“容器1”表格中的,所以,数据目标也必须选择之前的那个表格:

点击“确定”,即可创建名为“容器2”的表单弹层。接着在这个弹层里添加几个组件(可通过元素操作按钮或鼠标右键的方式添加):

在这个弹层里,加了3个查询条件和3个操作按钮。弹层内容定义好之后,再回到“容器1”,双击该节点,给它绑定工具栏中的“查询数据”弹层。如下图:

保存设置,重新生成代码,刷新页面之后,再次点击“查询数据”按钮,就能弹出此表单弹层了:

在这个表单里,你可以选择或勾选条件,点击“查询”按钮即可对表格执行查询过滤操作。至于表格数据的修改,这需要列属性方面的配合,具体请参考“列基本属性”部分。

同样的道理,你也可以给表格工具栏中的右侧快捷按钮“重载行”绑定此弹层。