lightning:recordViewForm
lightning:outputField で提供された 1 つ以上の項目を表示するレコードビューを表します。このコンポーネントでは、API バージョン 41.0 以降が必要です。
lightning:recordViewForm コンポーネントは、レコード ID を受け入れるラッパーコンポーネントで、lightning:outputField を使用してそのレコードに関連付けられている 1 つ以上の項目と表示ラベルを表示するために使用されます。lightning:recordViewForm には、項目を表示するレコードのレコード ID が必要です。レコードデータを表示するために、その他の追加の Apex コントローラまたは Lightning データサービスは必要ありません。また、このコンポーネントは項目レベルのセキュリティと共有も処理するため、ユーザにはアクセス権があるデータのみが表示されます。
レコードの項目を表示するには、lightning:outputField を使用して項目を指定します。
1<aura:component>
2 <lightning:recordViewForm recordId="001XXXXXXXXXXXXXXX" objectApiName="My_Contact__c">
3 <div class="slds-box">
4 <lightning:outputField fieldName="Name" />
5 <lightning:outputField fieldName="Email__c" />
6 </div>
7 </lightning:recordViewForm>
8</aura:component>詳細は、lightning:outputField のドキュメントを参照してください。
ビューレイアウトの使用
レコードビューに複数列レイアウトを作成するには、Lightning Design System のグリッドユーティリティクラスを使用します。この例では、2 列レイアウトを作成します。
1<aura:component>
2 <lightning:recordViewForm recordId="001XXXXXXXXXXXXXXX" objectApiName="My_Contact__c">
3 <div class="slds-grid">
4 <div class="slds-col slds-size_1-of-2">
5 <!-- Your lightning:outputField components here -->
6 </div>
7 <div class="slds-col slds-size_1-of-2">
8 <!-- More lightning:outputField components here -->
9 </div>
10 </div>
11</lightning:recordViewForm>
12</aura:component>属性
| 属性名 | 属性型 | 説明 | 必須かどうか |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントの基本クラスに加え、外部要素の CSS クラス。 | |
| recordId | String | 表示するレコードの ID。 | はい |
| objectApiName | String | オブジェクトの API 参照名。 | はい |