ウィジェットの操作 > 共通のウィジェットプロパティ、サービス、イベント
  
共通のウィジェットプロパティ、サービス、イベント
以下の表に、複数のウィジェットで共通して使用されるプロパティ、サービス、イベントを示します。
* 
目的のウィジェットプロパティが以下の表に記載されていない場合は、そのウィジェットに関連するヘルプトピックを参照してください。
プロパティ名
JavaScript
タイプ
説明
整列
imageAlign
string
ウィジェットの水平方向の整列。
* 
ドロップダウンメニューに表示されるオプションは、ウィジェットによって異なります。
背景色
backgroundColor
string
ウィジェットの背景の色。
このフィールドでは、RGB カラー、16 進数のカラーコード、または色の名前を指定することができます。
クラス
class
string
ウィジェットに割り当てられているクラス。各ウィジェットにクラスを割り当てて、そのクラスに対してカスタム CSS ルールを書くことができます。
コンテンツの折り返し
wrap
string
デバイスの画面サイズが変更された場合の、「グリッドレイアウト」ウィジェットまたは「リピーター」ウィジェット内におけるウィジェットの配置。折り返しを無効にすると、ウィジェットが 1 行で表示されます。
* 
通常は、折り返し機能をデフォルトのまま有効にしておくことをお勧めします。
データ
data
infotable
データのバインディングターゲット。
選択解除
アイテムを選択解除したときにトリガーされます。
無効
disabled
boolean
ウィジェットのクリック操作を無効にし、状態を変更します。
わかりやすい名前
friendlyName
string
プロジェクトツリーに表示されるウィジェットの名前。
高さ
height
number
ウィジェットの高さ。% または px の前に数値を入力します。
位置揃え
justification
string
ウィジェットの整列。ドロップダウンリストから、次のいずれかを選択します。
開始
終了
中央
間の間隔を均等にする
周囲の間隔を均等にする
ラベル
label
string
ウィジェットに表示されるラベル
リスト
list
object
データのバインディングターゲット。通常、サービスの「すべてのアイテム」をこのプロパティにバインドします。
余白
margin
string
「パディング」プロパティと同様に、ウィジェットまたはアイテムの周囲のスペースを定義します。このプロパティは、直接 CSS に変換されます。以下に示すいずれかのサポートされている単位を使用して、数値を手動で入力します (例: 10px)。
px
%
in
mm
cm
ex
em
pt
pc
複数選択
multiselect
boolean
ウィジェット内で複数のアイテムを選択できるようにします。
パディング
padding
string
ウィジェットの周囲にパディングを挿入します。以下に示すいずれかのサポートされている単位を使用して、数値を手動で入力します (例: 10px)。
px
%
in
mm
cm
ex
em
pt
pc
プレースホルダー
placeholder
string
ウィジェットに表示するプレースホルダーテキスト。
Studio ID
widgetName
string
実行時に、一意の ID 属性が各ウィジェットに割り当てられますが、この ID 属性は編集することができます。
テキスト
text
string
ウィジェットに表示するテキスト。
value
string
ウィジェットの値。
表示
visible
boolean
実行時におけるウィジェットの表示を設定します。このプロパティはデフォルトで選択されています。
width
number
ウィジェットの幅を設定します。% または px の前に数値を入力します。
X 軸フィールド
labelsField
string
グラフの X 軸に対して表示されるデータ。フィールド名を手動で入力します。たとえば、「name」などを入力します。
Y 軸フィールド
valuesField
string
グラフの Y 軸に対して表示されるデータ。フィールド名を手動で入力します。たとえば、「user」などを入力します。
サービス
JavaScript
説明
チャートを更新
updateChart
チャートを更新するためのバインド可能サービス。
イベント
JavaScript
説明
クリック
click
「クリック」イベントをツリー内の別のビューにドラッグしてクリック時にそのビューに移動することも、サービスにドラッグしてクリック時にそのサービスを発生させることもできます。定義式を入力するには、「クリック」イベントの横に表示されている「JS」アイコンをクリックします。
ItemClick
itemclick
「ItemClick」プロパティをプロジェクトツリー内の特定のビューにドラッグアンドドロップ操作でバインドすると、リストまたはリピーター内のアイテムをクリックしたときに、そのアイテムがバインドされているビューに移動します。たとえば、「リスト」ウィジェットの「ItemClick」プロパティを「詳細」ビューにバインドした場合、リスト内のアイテムをクリックすると、「詳細」ページが表示されます。
押している
pressed
ウィジェットが押されたときにトリガーされます。
選択
selected
ウィジェットまたはアイテムが選択されたときにトリガーされます。
押していない
unpressed
ウィジェットを押していないときにトリガーされます。
値変更
change
値を変更したときにトリガーされます。