rex0220 計算式プラグイン スペースフィールド設定

計算式プラグイン Ver.44 で、スペースフィールドへ計算式が指定可能になりました。
詳細画面でも最新の計算結果を表示しますので、年齢表示などに利用できます。

スペースフィールドの設定と計算結果表示

スペースフィールドに、要素IDの指定が必要です。

PC表示例

モバイル表示例

プラグイン設定例

スペースフィールドの計算式指定方法

ラベルとラベルの書式、および値と値の書式をARRAY関数の配列で指定します。

• ARRAY(ラベル,ラベルの書式,値,値の書式)

  • ラベル：文字列
    • 指定例
      • "ラベル"
      • 文字列
  • ラベルの書式：STYLE 文字列
    • 指定例
      • ""
      • "color:red;"
  • 値：文字列
    • 指定例
      • "ABC"
      • 文字列
      • FIXED(数値)
  • 値の書式：STYLE 文字列
    • 指定例
      • ""
      • "color:red;text-align:right;"

• ARRAY()

  • 空の配列を指定すると、スペースフィールドが非表示になります。

• 値：文字列

  • 配列ではなく文字列を指定すると、ラベルなしで値のみ表示します。

スペースフィールドの計算式例

年齢の計算結果を表示する例です。

• 年齢の計算式：
  • DATE_DIFF(誕生日,"TODAY","years")&" 才")

.js

// 1. ラベル+値（書式text-align）
    ARRAY("年齢","",IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才"),"text-align:right;")

// 2. ラベル(書式color)+値（書式color,text-align）
ARRAY(
  "年齢","color:red;",
  IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才"),
  "text-align:right;color:blue;"
)

// 3. ラベル(書式font)+値（書式font）
ARRAY(
  "年齢","font-size:24px;",<br>
  IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才"),
  "text-align:right;font-size:36px;"
)

// 4. 値（書式text-align,font）
ARRAY(
  "","",
  IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才"),
  "text-align:right;font-size:36px;margin-top:-30px;"
)

// 5. 値
IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才")

// 6. 値（書式text-align,backgorund-color,border）
ARRAY(
  "年齢","",
  IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才"),
  "text-align:right;background-color:initial;border:initial;"
)

// 7. 非表示(誕生日が未入力時)
IF(誕生日,
  ARRAY("年齢","",
    IF(誕生日,DATE_DIFF(誕生日,"TODAY","years")&" 才"),
    "text-align:right;"
  ),
  ARRAY()
)

まとめ

年齢のように最新の情報を表示したい場合に、スペースフィールドに簡単に表示できます。
ただし、レコードに値が残らないので一覧画面には表示できません。
使い道は限定されると思いますが、ちょっとしたメッセージ表示などにも利用できます。