基本の型
次に、サポートされている基本の型の値を示します。一部の型は、Java のプリミティブのラッパーオブジェクトに対応します。フレームワークは Java で作成されているため、このような基本の型のデフォルト (数値の最大サイズなど) は、対応付けられる Java オブジェクトで定義されます。
| 型 | 例 | 説明 |
|---|---|---|
| Boolean | <aura:attribute name="showDetail" type="Boolean" /> | 有効な値は、true または false です。デフォルト値を true に設定するには、default="true" を追加します。 |
| Date | <aura:attribute name="startDate" type="Date" /> | カレンダー日に対応する yyyy-mm-dd 形式の日付。日付の hh:mm:ss 部分は保存されません。時刻項目を含めるには、DateTime を代わりに使用します。 |
| DateTime | <aura:attribute name="lastModifiedDate" type="DateTime" /> | タイムスタンプに対応する日付。日時の詳細がミリ秒の精度で含まれます。 |
| Decimal | <aura:attribute name="totalPrice" type="Decimal" /> |
Decimal の値には、小数点以下の値 (小数点の右側の桁) を含めることができます。java.math.BigDecimal に対応付けられます。 浮動小数点数計算の精度を保持するには、Double より Decimal のほうが適切です。これは通貨項目に適しています。 |
| Double | <aura:attribute name="widthInchesFractional" type="Double" /> | Double の値には、小数点以下の値を含めることができます。java.lang.Double に対応付けられます。通貨項目には、代わりに Decimal を使用します。 |
| Integer | <aura:attribute name="numRecords" type="Integer" /> | Integer の値には、小数点以下の値がない数値を含めることができます。最大サイズなどの制限を定義する java.lang.Integer に対応付けられます。 |
| Long | <aura:attribute name="numSwissBankAccount" type="Long" /> |
Long の値には、小数点以下の値がない数値を含めることができます。最大サイズなどの制限を定義する java.lang.Long に対応付けられます。 Integer が提供するよりも広範囲の値が必要な場合に、このデータ型を使用します。 |
| String | <aura:attribute name="message" type="String" /> | 一連の文字。 |
基本の型のそれぞれには配列を使用できます。次に例を示します。
1<aura:attribute name="favoriteColors" type="String[]" default="['red','green','blue']" />Apex コントローラからのデータの取得
Apex コントローラから文字列配列を取得するには、コン��ーネントをコントローラにバインドします。次のコンポーネントは、ボタンをクリックしたときに文字列配列を取得します。
1<aura:component controller="namespace.AttributeTypes">
2 <aura:attribute name="favoriteColors" type="String[]" default="cyan, yellow, magenta"/>
3 <aura:iteration items="{!v.favoriteColors}" var="s">
4 {!s}
5 </aura:iteration>
6 <lightning:button onclick="{!c.getString}" label="Update"/>
7</aura:component>
List<String> オブジェクトが返されるように Apex コントローラを設定します。
1public class AttributeTypes {
2 private final String[] arrayItems;
3
4 @AuraEnabled
5 public static List<String> getStringArray() {
6 String[] arrayItems = new String[]{ 'red', 'green', 'blue' };
7 return arrayItems;
8 }
9
10}次のクライアント側のコントローラは、Apex コントローラから文字列配列を取得し、{!v.favoriteColors} 式を使用してそれを表示します。
1({
2 getString : function(component, event) {
3 var action = component.get("c.getStringArray");
4 action.setCallback(this, function(response) {
5 var state = response.getState();
6 if (state === "SUCCESS") {
7 var stringItems = response.getReturnValue();
8 component.set("v.favoriteColors", stringItems);
9 }
10 });
11 $A.enqueueAction(action);
12 }
13})