ui:outputPhone
電話番号を URL リンク形式で表示します。
ui:outputPhone コンポーネントは、HTML span タグでラップされた電話番号出力を表します。このコンポーネントは、電話番号入力を取り込む ui:inputPhone と共に使用できます。次の例は、ui:outputPhone コンポーネントの簡単な設定です。
前の例によって次の HTML が表示されます。
モバイルデバイスで表示すると、この例はアクション可能なリンクとして表示されます。
次の例は、ui:inputPhone コンポーネントのデータをバインドする方法を示します。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。 | |
| value | String | このコンポーネントと共に表示される電話番号。 | はい |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| dblclick | COMPONENT | ユーザがコンポーネントをダブルクリックすると起動されるイベント。 |
| mouseover | COMPONENT | ユーザがコンポーネントにマ��スポインタを重ねると起動されるイベント。 |
| mouseout | COMPONENT | ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。 |
| mouseup | COMPONENT | ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。 |
| mousemove | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| click | COMPONENT | ユーザがコンポーネントをクリックすると起動されるイベント。 |
| mousedown | COMPONENT | ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。 |