heimrichhannot / contao-formhybrid-compatibility-bundle
一个为我们的Contao 4环境提供兼容性的包。
0.7.0
2022-10-13 13:14 UTC
Requires
- php: ^7.4 || ^8.0
- contao/core-bundle: ^4.9
- heimrichhannot/contao-encore-contracts: ^1.0
- heimrichhannot/contao-formhybrid: ^3.15
- heimrichhannot/contao-utils-bundle: ^2.218
- psr/container: ^1.0 || ^2.0
Suggests
README
一个增强Formhybrid与我们的Contao 4环境兼容性的包。
特性
- 支持Encore Bundle
- 用原生js代码替换jquery代码
- js代码会自动添加到包含表单的页面(需要formhybrid版本 >= 3.13)
并非所有js特性都已移植
目前移植的js特性
- 异步表单提交
- 提交后滚动到状态信息
- submitOnChange
当前限制
- 目前只支持Encore Bundle进行资产处理
设置
-
将此包作为依赖项添加
composer require heimrichhannot/contao-formhybrid-compatibility-bundle
-
更新您的Encore bundles文件并编译webpack依赖
-
检查您是否需要polyfills以支持IE和(非chromium)Edge(或其他
烦人过时的浏览器)(请参阅polyfills部分)
使用
异步表单提交时的样式
在执行异步表单提交时,会向form
元素添加submitting
类。
开发
JS事件
在生命周期中会触发以下事件。
polyfills
为了与IE和Edge浏览器兼容,您需要polyfill以下js函数
将这些polyfills添加到您的主项目js入口点。
升级
v0.6
- 将命名空间从
ContaoFormhybridCompatibilityBundle
重命名为FormhybridCompatibilityBundle
v0.4
- 将
HeimrichHannotContaoFormhybridCompatibilityBundle
重命名为HeimrichHannotFormhybridCompatibilityBundle
。 - JS代码会自动添加到表单中。如果您不想这样做,请取消选中在您的encore设置中的
contao-formhybrid-compatibility-bundle
条目上的“激活”。
v0.2
- 异步提交动画:在进行异步表单提交时,不是在提交按钮文本中添加动画点,而是在表单元素中添加
submitting
类。