LWC superbadgeでのメモ

Lightning Web Component (LWC)

import関連 Apexを読み込む際 import メソッド名 from '@salesforce/apex/Apexクラス名.メソッド名 import getBoatTypes from '@salesforce/apex/BoatDataService.getBoatTypes'; wire, track, api import { LightningElement, wire } from 'lwc'; 参考: [LW…

2022-10-17

LWC サーバーエラーの処理

Lightning Web Component (LWC) Salesforce

Lightning Web コンポーネントのサーバーエラー処理 LDS ワイヤーアダプター、LDS 関数、Apex コールで発生するエラーには特定の構造があるエラーに関する情報を取得するには、JavaScript コードでエラー応答を処理する @wireでリンクしたプロパティの場合 …

2022-10-17

LWC Apexを使用したデータ操作

Lightning Web Component (LWC) Salesforce

Lightning Web コンポーネントでの Apex使用検討例レコードデータが 1 件のトランザクションをカスタマイズする場合 1 つのトランザクションで複数レコードの操作を実行する場合 lightning-datatableを使用して、無限スクロール、インライン編集、ヘッダー…

2022-10-17

LWCとSalesforceデータ

Lightning Web Component (LWC) Salesforce

Lightning Data Service JavaScriptを使用してコンポーネントをSalesforceデータに接続できるセキュリティも提供するセキュアなUI APIエンドポイントに対してサーバコールを実行するためパフォーマンスを高められる全てのコンポーネントでクライアント側…

2022-08-29

LWCのデータアクセス

Lightning Web Component (LWC) Salesforce

LWC/Visualforceとのデータアクセスの違い LWC ClientはJavaScriptからLDS(Lightning Data Service)、あるいはApexを呼び出す LWCエンジンがクライアントにデータを返却し、JavaScriptがデータを保持してmarkupを生成する LDS(Lightning Data Service) Apex…

2022-08-26

Lightning Web Component 値が入力できるページを作る

JavaScript Lightning Web Component (LWC) Salesforce

前提 SFDXを使用特にデータ更新などはなく、単純なHTML & JSのみの作成手順 force-app/main/default/lwc にて Create Lightning Web Componentを選択 HTMLファイルを下記に編集 <template> <lightning-card> <lightning-input type="number" label="Annual Revenue" formatter="currency" value={annualRevenue} onchange={handleChange}> </lightning-input> </lightning-card></template>