Page tree
Skip to end of metadata
Go to start of metadata

JavaScriptのコード上で利用できるプロパティ一覧について記載します。

 

ご注意 : ユニットのプロパティにつきましては互換性を持つように努めますが、予告なく変更される可能性があります。

1. すべてのユニット共通プロパティ

全てのSuPICEユニットで共通するプロパティです。

 

プロパティ値説明
idユニットのユニークなIDを記載します。編集した場合、不正な動作を起こす可能性があります。
propertiesユニットの見た目や値に等の項目を設定します。
properties.showユニットを表示するかしないかを決定します。
readOnlyユニットを読み取り専用にする場合にtrueに設定します。
stylesスタイルの設定を行います。

 

2. ユニットごとのプロパティ

個別のプロパティが存在するユニットプロパティです。

プロパティ値はproperties内の値を示します。

入力項目

 

チェックボックス

プロパティ値説明
value値を設定します


日付

プロパティ値説明
labelタイトル
value日付を設定します
format

表示形式を指定します。

ex) "YYYY MM DD", "YYYY/MM/DD"

未指定の場合はSalesforceユーザの言語から選定されたフォーマットが適用されます。

 

en: M/D/YYYY

ja: YYYY/M/D

日付/時間

プロパティ値説明
labelタイトル
value日付を設定します
format

表示形式を指定します。
ex) "YYYY MM DD hh:mm"
未指定の場合はSalesforceユーザの言語から選定されたフォーマットが適用されます。

en: M/D/YYYY HH:mm
ja: YYYY/M/D HH:mm

step分の選択単位を設定します。設定しない場合は30minずつになります。

数値

プロパティ値説明
labelタイトル
value値を設定します
placeholderプレースフォルダーを設定します
max最大値
min最小値
step入力の段階(ステップ)を制限します。 初期値は1

 

選択リスト(複数)

プロパティ値説明
labelタイトル
value;で区切られた値を設定します
options各項目に入れる項目を配列で指定します
options.id各チェックボックスに入れるidを;区切りで設定します。

 

テキスト

プロパティ値説明
labelタイトル
value値を設定します

 

テキストエリア

プロパティ値説明
labelタイトル
value値を設定します

拡張入力

 

チェックボックスグループ

 

プロパティ値説明
labelタイトル
value;で区切られた値を設定します
options.value各チェックボックスに入れるタイトルを;区切りで設定します。例 "MultiSelect3;MultiSelect5"
options.id各チェックボックスに入れるidを;区切りで設定します。

 

 

ラジオ

 
プロパティ値説明
labelタイトル
value値を設定します
options各項目に入れる項目を配列で指定します
 
  • options例
 
options : [
{ label: "Energy_lbl", value: "Energy", id:"001" },
{ label: "Engineering_lbl", value: "Engineering", id:"002" },
{ label: "Entertainment_lbl", value:"Entertainment", id:"003" },
{ label: "Finance_lbl", value: "Finance", id:"004" }
]

 

スライダー

プロパティ値説明
labelタイトル
value値を設定します
min最小値を設定します
max最大値を設定します
step入力の増加ステップを設定します。

 

スイッチ

プロパティ値説明
labelタイトル
valuetrueまたはfalseを設定します

レイアウト

ヘッダー

プロパティ値説明
labelタイトル

ラベル

プロパティ値説明
labelタイトル

 

リスト/テーブル

リスト

プロパティ値説明
searchVisibletrueに設定することで検索機能を有効化します
maxRowCount最大表示行数を設定します
useFocus項目選択時にフォーカスを充てるかどうか設定します。

 

リスト(アコーディオン)

プロパティ値説明
searchVisibletrueに設定することで検索機能を有効化します
maxRowCount最大表示行数を設定します
useFocus項目選択時にフォーカスを充てるかどうか設定します。

 

リスト(スワイプ)

プロパティ値説明
searchVisibletrueに設定することで検索機能を有効化します
maxRowCount最大表示行数を設定します
useFocus項目選択時にフォーカスを充てるかどうか設定します。
optionsOption以下の値はスワイプ中のタイトル設定などを行います。
options.swipingLeft左へスワイプ中の設定を行います。
options.swipingLeft.title背景タイトル
options.swipingLeft.color文字カラー
options.swipingLeft.background背景カラー
options.swipingRight右へスワイプ中の設定を行います。
options.swipingRight.title背景タイトル
options.swipingRight.color文字カラー
options.swipingRight.background背景カラー
  • No labels