ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 容器控件 > 控件功能简介 > 1、`子表单`:我们想做制作一个《发货清单》表单,那么我们就可以使用“子表单”字段。 > 2、`新子表单`: ### `子表单` > 添加子表单控件 > ![](https://img.kancloud.cn/ab/e7/abe78e96ef5dc0bfede0af17697862ed_1902x413.png) > 子表单控件——`字段配置` > > > `标签文本`:显示当前控件的名称。例如:名字【附件信息统计】,便签就显示 > > `自定义标签`:总数统计【统计子表数据】,动态脚本【填写脚本实现自己需求】,公式编辑【通过公式实现自己需求】 > > `对象属性`:此属性用于绑定业务对象属性,用于提交数据绑定对象名称【绑定的是业务对象下级业务对象】。 > > `描述信息`:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。 > > `隐藏标题`:不显示标签文本数据 ![](https://img.kancloud.cn/06/d8/06d88cf263f99bce897bfec4446557a8_1681x416.png) ##### 1.1、`子单字段` > `添加字段`:可以添加的字段【[基础控件],[增强控件],[系统控件],[自定义控件]】 `删除字段`:删除\[已添加字段\]【[基础控件],[增强控件],[系统控件],[自定义控件]】字段,删除成功 `移动字段`:移动\[已添加字段\]【[基础控件],[增强控件],[系统控件],[自定义控件]】字段,能上下移动字段 ##### 1.2、`操作按钮` > `添加按钮`:可以添加按钮\[添加,删除,编辑,导入,导出,上移,下移,复制等等···\] > `编辑按钮`:修改\[已添加的按钮\]可修改\[按钮名称,按钮位置,按钮颜色,按钮图标等等···\] > `删除按钮`:删除\[已添加按钮\] > `滑动按钮`:滑动按钮位置\[已添加按钮\] > `添加`:添加子表单数据 > ![](https://img.kancloud.cn/78/92/7892ccf777a1cd0f156805adfff1a8ab_1148x572.png) > `删除`:删除子表单数据 ![](https://img.kancloud.cn/3e/78/3e78aeb136efbf06418326cdecfd4798_1141x305.png) > `编辑`:编辑子表单\[列表数据\] ![](https://img.kancloud.cn/2a/57/2a572c71f99352210a22e04797a37b8a_1144x349.png) > `导入`:导入子表单数据 ![](https://img.kancloud.cn/bd/ad/bdad1ccd140d93407edef554f365e1ee_1138x377.png) > `导出`:导出子表单数据 ![](https://img.kancloud.cn/fb/50/fb5076a82ca4ea9221a1d8deed45fca7_1143x348.png) > `上移`:选择子表数据上移动 ![](https://img.kancloud.cn/3d/72/3d7248b48692178d4e3cbb39cb85d5da_1144x304.png) > `下移`:选择子表数据下移动 ![](https://img.kancloud.cn/71/74/7174e2bc25210873dff3802aef07b32a_1133x297.png) > `复制`:复制子表单数据\[在子表单中出现相同数据\] ![](https://img.kancloud.cn/f1/41/f141ae44c60a60744ca866ebed0ec0a1_1135x295.png) > `启动自定义流程`:启动【绑定流程定义数据】已绑定的流程 ![](https://img.kancloud.cn/9d/6f/9d6fc76af7b24515ac51cedc7126ead2_1145x477.png) ###### 1.2.1、`自定义接口按钮` > `自定义接口按钮`:通过自己的需求来配置接口按钮【执行添加修改查询等等···】 > `接口来源`:手动输入【手动输入的接口地址】,服务管理【选择的接口数据】 > `接口地址`:手动输入地址输入框 > `服务管理`:选择接口数据\[下拉显示\]【来源:系统管理/服务管理-接口数据】 > `请求方法`:根据需求来显示配置对应的请求 > 参数配置: ![](https://img.kancloud.cn/88/01/88015fe8a432a8abbc8b4d2c0063c613_1917x844.png) > `需要信息提示框`:\[关闭\]不显示信息提示框。\[开启\]显示消息提示框 > `提示风格`:消息提示,弹窗,通知 > `提示类型`:提示类型颜色 > `文字居中`:字体居中 > `是否可关闭`:关闭提示风格 > `提示语类型`:可选择\[固定值\],\[返回值\]选项 > `提示用语设置`:固定值\[请求成功!!!\]点击操作按钮后,提示固定值数据,返回值\[参考如下\] > > ~~~java > function(res,form,mainData,currentData){ > return res.data.message+res.data.cause > } > ~~~ > > 复制 > > ![](static/picture/m_e2553201707292027df626d767f706db_r.png "null") > ![](static/picture/m_c239f186e5b31bf24612a0e6486e6c2d_r.png "null") > ![](static/picture/m_4818e3af91808115587017d9ccc70ec1_r.png "null") ###### 1.2.2、`自定义按钮` > `是否开启级联`:通过级联来显示详情表单,或者显示在线表单等等····· > `级联类型`:配置级联\[URL地址,在线表单,详情表单,数据模板,流程办理页面\]类型 > > > ULR地址:通过URL地址显示对应窗口数据 ![](https://img.kancloud.cn/4d/bb/4dbbba56064abdf332a906acc5e6fdbf_1331x251.png) > > `在线表单`:通过在线表单来\[编辑,添加,明细\]操作表单数据 ![](https://img.kancloud.cn/13/97/1397a9de029f893a20fa2f6e5cebe394_1335x503.png) > ![](https://img.kancloud.cn/a4/74/a474865ec5bc7a00c120efa943edd5a8_1335x454.png) > > `详情表单`:显示子表单列表数据明细 ![](https://img.kancloud.cn/88/c7/88c72fc034716c0b343bec7d608cbb7d_1335x383.png) > > `数据模板`:\[查看,编辑,删除\]数据模板数据 ![](https://img.kancloud.cn/be/32/be32192fb67f353194d0568ff38ed5b2_1326x249.png) > > `流程办理页面`:\[查看,审批等等···\]流程办理页面 ![](https://img.kancloud.cn/18/97/189726565909149196e136a854b57bb9_1917x954.png) > `启用自定义对话框`:\[配置跟添加配置内是一致的\],通过对话框数据联动到子表单内的字段 ![](https://img.kancloud.cn/3f/9c/3f9ca2fb366ba63f0f6254abc256fa9b_1363x468.png) > ![](https://img.kancloud.cn/66/6b/666b82e7bb86dd87b8e9adf968a366f6_852x694.png) ![](https://img.kancloud.cn/49/99/49998311002e3d1491969d7c08da92b0_1071x876.png) ![](https://img.kancloud.cn/21/d0/21d02d4f3fd0092c68d429e0a975dae8_1076x501.png) ![](https://img.kancloud.cn/d8/38/d838ebb8317300e1e1d6348db9bb5030_1687x402.png) ##### 1.3、`列表分组` > `添加配置`:添加分组,根据\[相同字段数据\]来分组显示 > ![](https://img.kancloud.cn/a3/7e/a37eed46782d6852747ee5902d6c718c_1137x332.png) > `默认显示`:当子表单存在分组配置时,选择该选项可配置子表单默认以哪种分组配置显示。 ![](https://img.kancloud.cn/89/ca/89cad19aa80a9ba77f43e3f4405e1c3c_1670x211.png) ##### 1.4、`校验规则` > `提示前缀`:\[提示前缀\]报错提示时,报错:提示前缀—>单选必填【`校验提示不支持:子表单[绑定孙表]`】 > `必填`:系统会限制填写者填写此字段的最少字符。 > `自定义校验`:如下配置【判断是否为空,判断是否为null】(value ===可修改判断) ~~~java if(value ===''){ callback('请填写文本【可修改】') }else if (value ===null){ callback('请填写文本【可修改】') }else { callback() } ~~~ 复制 > `操作属性` > > > `隐藏`:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。 > > `只读`:勾选后该字段将只读,如果不勾选则该字段默认是可写的。 ![](https://img.kancloud.cn/ef/f6/eff683160ef2b0a98d209850a7254a03_1660x450.png) ##### 1.5、`布局设置` > `编辑模式`:子表编辑模式,表内编辑模式、块模式、弹窗模式。一对一只有块模式。孙表不支持块模式。 > `标签宽度`:表单域标签的宽度,例如: 50px。作为 Form 直接子元素的 form-item 会继承该值。 > `多选列`:可以多选子表单列数据 > `显示序号`:可以定义显示列表的序号。 > `自定义列`:可以定义显示/隐藏子表的列的数据。 > `是否分页`:当子表单列表为分组时,该选项无效;该选项是设置列表是否分页进行显示。 > `管理列样式`:此属性用于控制子表单行数据操作按钮的布局样式 > `表尾合计行`:表尾合计行就会在表格尾部展示合计行。 > > > 默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过合计描述配置),其余列会将本列所有数值进行求合操作,并显示出来。当然,你也可以定义自己的合计逻辑(可以求和、平均值等)。 ![](https://img.kancloud.cn/01/6b/016b39738c8f3f2e614c5783fa3853a1_1663x951.png) ### `新子表单` > 添加子表单控件 > ![](https://img.kancloud.cn/ab/e7/abe78e96ef5dc0bfede0af17697862ed_1902x413.png) > 子表单控件——`字段配置` > > > `标签文本`:显示当前控件的名称。例如:名字【附件信息统计】,便签就显示 > > `自定义标签`:总数统计【统计子表数据】,动态脚本【填写脚本实现自己需求】,公式编辑【通过公式实现自己需求】 > > `对象属性`:此属性用于绑定业务对象属性,用于提交数据绑定对象名称【绑定的是业务对象下级业务对象】。 > > `描述信息`:此属性用于指定对该字段进行一些附加说明,一般用来指导填写者输入。 > > `隐藏标题`:不显示标签文本数据 ![](https://img.kancloud.cn/06/d8/06d88cf263f99bce897bfec4446557a8_1681x416.png) ##### 2.1、`新子单字段` > `添加字段`:可以添加的字段【[基础控件],[增强控件],[系统控件,[自定义控件]】 > `删除字段`:删除\[已添加字段\]【[基础控件],[增强控件],[系统控件,[自定义控件]】 字段,删除成功 > `移动字段`:移动\[已添加字段\]【[基础控件],[增强控件],[系统控件,[自定义控件]】 字段,能上下移动字段 ##### 2.2、`操作按钮` > `添加按钮`:可以添加按钮\[添加,删除,编辑,导入,导出,上移,下移,复制等等···\] > `编辑按钮`:修改\[已添加的按钮\]可修改\[按钮名称,按钮位置,按钮颜色,按钮图标等等···\] > `删除按钮`:删除\[已添加按钮\] > `滑动按钮`:滑动按钮位置\[已添加按钮\] > `添加`:添加子表单数据 ![](https://img.kancloud.cn/78/92/7892ccf777a1cd0f156805adfff1a8ab_1148x572.png) > `删除`:删除子表单数据 ![](https://img.kancloud.cn/3e/78/3e78aeb136efbf06418326cdecfd4798_1141x305.png) > `编辑`:编辑子表单\[列表数据\] ![](https://img.kancloud.cn/2a/57/2a572c71f99352210a22e04797a37b8a_1144x349.png) > `导入`:导入子表单数据 ![](https://img.kancloud.cn/bd/ad/bdad1ccd140d93407edef554f365e1ee_1138x377.png) > `导出`:导出子表单数据 ![](https://img.kancloud.cn/fb/50/fb5076a82ca4ea9221a1d8deed45fca7_1143x348.png) > `上移`:选择子表数据上移动 ![](https://img.kancloud.cn/3d/72/3d7248b48692178d4e3cbb39cb85d5da_1144x304.png) > `下移`:选择子表数据下移动 ![](https://img.kancloud.cn/71/74/7174e2bc25210873dff3802aef07b32a_1133x297.png) > `复制`:复制子表单数据\[在子表单中出现相同数据\] ![](https://img.kancloud.cn/f1/41/f141ae44c60a60744ca866ebed0ec0a1_1135x295.png) > `启动自定义流程`:启动【绑定流程定义数据】已绑定的流程 ![](https://img.kancloud.cn/9d/6f/9d6fc76af7b24515ac51cedc7126ead2_1145x477.png) ###### 2.2.1、`自定义接口按钮` > `自定义接口按钮`:通过自己的需求来配置接口按钮【执行添加修改查询等等···】 > `接口来源`:手动输入【手动输入的接口地址】,服务管理【选择的接口数据】 > `接口地址`:手动输入地址输入框 > `服务管理`:选择接口数据\[下拉显示\]【来源:系统管理/服务管理-接口数据】 > `请求方法`:根据需求来显示配置对应的请求 > 参数配置: ![](https://img.kancloud.cn/88/01/88015fe8a432a8abbc8b4d2c0063c613_1917x844.png) > `需要信息提示框`:\[关闭\]不显示信息提示框。\[开启\]显示消息提示框 > `提示风格`:消息提示,弹窗,通知 > `提示类型`:提示类型颜色 > `文字居中`:字体居中 > `是否可关闭`:关闭提示风格 > `提示语类型`:可选择\[固定值\],\[返回值\]选项 > `提示用语设置`:固定值\[请求成功!!!\]点击操作按钮后,提示固定值数据,返回值\[参考如下\] > > ~~~java > function(res,form,mainData,currentData){ > return res.data.message+res.data.cause > } > ~~~ > > 复制 > ![](https://img.kancloud.cn/0e/be/0ebe592c92265aaa76b2d79b5d0e1c18_1651x546.png) > ![](https://img.kancloud.cn/f3/e3/f3e3913fbaff3b93d13fdd395802d5a2_1920x421.png) ![](https://img.kancloud.cn/76/f9/76f96fd954482a85f6a6703f9729398d_1920x940.png) ###### 2.2.2、`自定义按钮` > `是否开启级联`:通过级联来显示详情表单,或者显示在线表单等等····· > `级联类型`:配置级联\[URL地址,在线表单,详情表单,数据模板,流程办理页面\]类型 > > > ULR地址:通过URL地址显示对应窗口数据 ![](https://img.kancloud.cn/4d/bb/4dbbba56064abdf332a906acc5e6fdbf_1331x251.png) > > `在线表单`:通过在线表单来\[编辑,添加,明细\]操作表单数据 ![](https://img.kancloud.cn/13/97/1397a9de029f893a20fa2f6e5cebe394_1335x503.png) ![](https://img.kancloud.cn/a4/74/a474865ec5bc7a00c120efa943edd5a8_1335x454.png) > > `详情表单`:显示子表单列表数据明细 ![](https://img.kancloud.cn/88/c7/88c72fc034716c0b343bec7d608cbb7d_1335x383.png) > > `数据模板`:\[查看,编辑,删除\]数据模板数据 ![](https://img.kancloud.cn/be/32/be32192fb67f353194d0568ff38ed5b2_1326x249.png) > > `流程办理页面`:\[查看,审批等等···\]流程办理页面 ![](https://img.kancloud.cn/18/97/189726565909149196e136a854b57bb9_1917x954.png) > `启用自定义对话框`:\[配置跟添加配置内是一致的\],通过对话框数据联动到子表单内的字段 > ![](https://img.kancloud.cn/3f/9c/3f9ca2fb366ba63f0f6254abc256fa9b_1363x468.png) > ![](https://img.kancloud.cn/66/6b/666b82e7bb86dd87b8e9adf968a366f6_852x694.png) > ![](https://img.kancloud.cn/49/99/49998311002e3d1491969d7c08da92b0_1071x876.png) ![](https://img.kancloud.cn/21/d0/21d02d4f3fd0092c68d429e0a975dae8_1076x501.png) ![](https://img.kancloud.cn/d8/38/d838ebb8317300e1e1d6348db9bb5030_1687x402.png) ##### 2.3、`列表分组` > `添加配置`:添加分组,根据\[相同字段数据\]来分组显示 ![](https://img.kancloud.cn/a3/7e/a37eed46782d6852747ee5902d6c718c_1137x332.png) > `默认显示`:当子表单存在分组配置时,选择该选项可配置子表单默认以哪种分组配置显示。 ![](https://img.kancloud.cn/89/ca/89cad19aa80a9ba77f43e3f4405e1c3c_1670x211.png) ##### 2.4、`校验规则` > `提示前缀`:\[提示前缀\]报错提示时,报错:提示前缀—>单选必填【`校验提示不支持:新子表,子表单[绑定孙表]`】 > `必填`:系统会限制填写者填写此字段的最少字符。 > `自定义校验`:如下配置【判断是否为空,判断是否为null】(value ===可修改判断) ~~~java if(value ===''){ callback('请填写文本【可修改】') }else if (value ===null){ callback('请填写文本【可修改】') }else { callback() } ~~~ 复制 > `操作属性` > > > `隐藏`:勾选后,该字段将隐藏,但如果动态赋值,可以对该字段进行赋值。 > > `只读`:勾选后该字段将只读,如果不勾选则该字段默认是可写的。 ![](https://img.kancloud.cn/ef/f6/eff683160ef2b0a98d209850a7254a03_1660x450.png) ##### 2.5、`布局设置` > `编辑模式`:只支持表内编辑模式。 > `标签宽度`:表单域标签的宽度,例如: 50px。作为 Form 直接子元素的 form-item 会继承该值。 > `多选列`:可以多选子表单列数据 > `显示序号`:可以定义显示列表的序号。 > `自定义列`:可以定义显示/隐藏子表的列的数据。 > `是否分页`:当子表单列表为分组时,该选项无效;该选项是设置列表是否分页进行显示。 > `管理列样式`:此属性用于控制子表单行数据操作按钮的布局样式 > `表尾合计行`:表尾合计行就会在表格尾部展示合计行。 > > > 默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过合计描述配置),其余列会将本列所有数值进行求合操作,并显示出来。当然,你也可以定义自己的合计逻辑(可以求和、平均值等)。 ![](https://img.kancloud.cn/01/6b/016b39738c8f3f2e614c5783fa3853a1_1663x951.png) ###### `注意` > 这个新子表单和子表单控件有什么区别吗? > > > 新子表功能偏少,主要解决大数据表的问题,理论上支持(最大可以支撑 5w 列、30w 行)