eelke.net/float-range

ProcessWire 的范围滑动条输入字段,具有精度、步进值和可选的手动覆盖功能

008 2023-07-12 08:39 UTC

This package is auto-updated.

Last update: 2024-09-05 09:12:33 UTC


README

这是什么?

Processwire 缺失的范围滑动条输入字段。参见 Processwire 论坛讨论帖模块目录列表。

它做什么?

此模块扩展了 InputfieldFloat,允许您在模板中使用 HTML5 范围滑动条进行数字字段。它包括一个可见的可编辑值字段,在需要时可以覆盖或调整值。

特性

  • 最小/最大值
  • 精度(小数位数)
  • 可选的步进值 (了解更多)
  • 可选的手动覆盖所选值(仍将遵守上述规则)
  • 可配置手动输入值的舍入(floor, round, ceil, 禁用)

用法

  • 克隆/解压存储库,或在 PW 根目录下运行 composer require eelke.net/float-range
  • 安装 FieldtypeFloatRange,这将自动安装输入字段
  • 创建新的类型为 Float (range) 的字段,或转换现有的 FloatIntegerText 字段。
  • 要渲染字段的值,只需简单地 echo $page->field

演示

最小值为 0,最大值为 1,步进值为 0.2,精度为 2 的字段:

设置最小值为 0,最大值为 200,步进值为 0.25,精度为 2 的字段:

待办事项

  • 使显示字段的尺寸可配置(将使用输入尺寸字段设置)
  • 希望变得过时