heimrichhannot/contao-formhybrid-compatibility-bundle

一个为我们的Contao 4环境提供兼容性的包。

安装: 977

依赖者: 0

建议者: 0

安全: 0

星星: 0

关注者: 6

分支: 0

开放问题: 0

语言:JavaScript

类型:contao-bundle

0.7.0 2022-10-13 13:14 UTC

README

一个增强Formhybrid与我们的Contao 4环境兼容性的包。

特性

  • 支持Encore Bundle
  • 用原生js代码替换jquery代码
  • js代码会自动添加到包含表单的页面(需要formhybrid版本 >= 3.13)

并非所有js特性都已移植

目前移植的js特性

  • 异步表单提交
  • 提交后滚动到状态信息
  • submitOnChange

当前限制

  • 目前只支持Encore Bundle进行资产处理

设置

  1. 将此包作为依赖项添加

    composer require heimrichhannot/contao-formhybrid-compatibility-bundle
    
  2. 更新您的Encore bundles文件并编译webpack依赖

  3. 检查您是否需要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类。