デフォルト項目値を含むレコードの作成ページへの移動

1<!-- navToNewRecordWithDefaults.html -->
2<template>
3  <lightning-button
4    name="new-with-defaults"
5    label="Go to New Contact with Defaults"
6    class="slds-m-around_medium"
7    onclick={navigateToNewContactWithDefaults}>
8  </lightning-button>
9</template>

1// navToNewRecordWithDefaults.js
2import { LightningElement } from "lwc";
3import { NavigationMixin } from "lightning/navigation";
4import { encodeDefaultFieldValues } from "lightning/pageReferenceUtils";
5
6export default class NavToNewRecordWithDefaults extends NavigationMixin(LightningElement) {
7  navigateToNewContactWithDefaults() {
8    const defaultValues = encodeDefaultFieldValues({
9      FirstName: "Morag",
10      LastName: "de Fault",
11      LeadSource: "Other",
12    });
13
14    console.log(defaultValues);
15
16    this[NavigationMixin.Navigate]({
17      type: "standard__objectPage",
18      attributes: {
19        objectApiName: "Contact",
20        actionName: "new",
21      },
22      state: {
23        defaultFieldValues: defaultValues,
24      },
25    });
26  }
27}

1// auraOverrideWrapper.cmp
2<aura:component implements="lightning:actionOverride">
3  <c:lwcNewAccountOverride></c:lwcNewAccountOverride>
4</aura:component>

1<!-- lwcNewAccountOverride.html -->
2<template>
3  <lightning-record-edit-form object-api-name="Account" onsuccess={handleAccountCreated}>
4    <lightning-input-field field-name="Name" value={dfv_AccountName}> </lightning-input-field>
5    <lightning-input-field field-name="NumberOfEmployees" value={dfv_NumberOfEmployees}>
6    </lightning-input-field>
7    <lightning-input-field field-name="OwnerId" value={dfv_OwnerId}> </lightning-input-field>
8    <lightning-input-field field-name="CustomCheckbox__c" value={dfv_CustomCheckbox}>
9    </lightning-input-field>
10
11    <lightning-button class="slds-m-top_small" type="submit" label="Create"> </lightning-button>
12  </lightning-record-edit-form>
13</template>

1// lwcNewAccountOverride.js
2import { LightningElement, wire } from "lwc";
3import { CurrentPageReference } from "lightning/navigation";
4import { decodeDefaultFieldValues } from "lightning/pageReferenceUtils";
5
6export default class LwcNewAccountOverride extends LightningElement {
7  @wire(CurrentPageReference)
8  setCurrentPageReference(currentPageReference) {
9    if (currentPageReference.state.defaultFieldValues) {
10      const dfvObject = decodeDefaultFieldValues(currentPageReference.state.defaultFieldValues);
11      this.dfv_AccountName = dfvObject.Name;
12      this.dfv_NumberOfEmployees = dfvObject.NumberOfEmployees;
13      // Handling required for boolean because we don't support boolean field types
14      this.dfv_CustomCheckbox = dfvObject.CustomCheckbox__c === "true";
15      this.dfv_OwnerId = dfvObject.OwnerId;
16    }
17  }
18
19  dfv_AccountName = "";
20  dfv_NumberOfEmployees = "";
21  dfv_OwnerId = "";
22  dfv_CustomCheckbox = false;
23
24  // Run code when account is created
25  handleAccountCreated() {}
26}