TYPO3 tx_form组件渲染提交按钮不可点击问题咨询
问题原因
- 核心触发点是你在单页表单的Page配置中将
nextButtonLabel设为空值,TYPO3 10.4.18的tx_form表单框架在渲染仅包含1个页面的表单时,会复用next按钮的渲染逻辑生成提交按钮,空的标签配置会导致框架错误输出无交互的<span>元素代替可点击的按钮。 - 次要原因是两个项目的standard原型默认配置存在差异:原项目可能存在兼容配置适配了空标签的场景,而当前项目无自定义覆盖的默认原生配置不支持该写法。
解决方法
按优先级依次尝试即可:
- 删除Page节点下的空按钮配置
修改YAML配置中page-1的renderingOptions部分,移除两个空的标签设置:
单页表单本身不需要前后翻页按钮,无需手动设置为空字符串,原生逻辑会自动识别仅渲染提交按钮,若有多余按钮显示可通过CSS隐藏即可。renderables: - renderingOptions: {} identifier: page-1 label: Kontakt type: Page # 其余配置保持不变 - 显式指定提交按钮渲染参数
若上一方法无效,可在表单根节点的renderingOptions中补充配置强制渲染为按钮:renderingOptions: submitButtonLabel: Absenden # 新增以下两行配置 templateVariant: version1 submitButtonClass: 'btn btn-primary submit' - 校验TypoScript原型配置
若仍未解决,可进入TYPO3后台模板模块,查看当前页面的TypoScript配置,确认plugin.tx_form.settings.prototypeName取值为standard,且plugin.tx_form.settings.prototypes.standard.formElementsDefinition.Form.renderingOptions下的提交按钮相关配置没有被第三方扩展意外覆盖。
内容的提问来源于stack exchange,提问作者user3852729
相关产品推荐
相关产品推荐

