xddesigners/silverstripe-lazyforms

将您的动态表单转换为懒加载表单。用于静态发布的页面。

维护者

详细信息

github.com/xddesigners/silverstripe-lazyforms

源代码

问题

安装: 20

依赖: 0

建议: 0

安全: 0

星标: 2

关注者: 2

分支: 0

开放问题: 0

类型:silverstripe-vendormodule

dev-main 2022-06-30 10:17 UTC

BSD-3-Clause afb92097324e34f4e3ac9da0e90a6f75594cf02f

Formsspeedsilverstripeoptimisationstatic publishinglazy loading forms

This package is auto-updated.

Last update: 2024-08-29 05:50:39 UTC

README

将正常 SilverStripe 表单转换为懒加载表单，并充分利用 SilverStripe 静态发布模块。在静态发布模块中，不允许有表单的页面。在加载时，模块显示禁用状态下的完全相同的表单。此表单可以用作骨架。您可以使用 CSS 将其更改为灰色，下面是一个示例。

加载后，表单完全可用。

安装

composer require xddesigners/silverstripe-lazyforms

// optional if not already present
composer require "silverstripe/staticpublishqueue

用法

在您的 .ss 模板中替换 $Form 调用。

// in SS template
// old situation
$Form
// changed: load lazy form
$LazyForm

// in case Form method has different name
// before
$ProductReviewForm
// changed: load lazy form
$LazyForm('ProductReviewForm')

样式化骨架表单

在静态发布的页面中，表单在加载时以禁用状态且不带 SecurityID 加载。您可以使用自己的 CSS 将所有字段变灰。在真实表单加载时，这是可见的。

/* SCSS Example */
.lazyform--loading {
   ul.optionset label,
  .text label,
  .textarea label,
  .text input,
  .textarea textarea,
  select.dropdown,
  .button{
    background-color: #999 !important;
    color: #999 !important;
    opacity: .5 !important;
  }
}