Lightning Web Component

Lightning Web Component

lightning-datatable でクエリレコードの表示〜選択した行に処理を行う(Lightning Web Component)

LWC の lightning-datatable を使うと、関連リストっぽいものが実装できます。備忘として、レコードのクエリ〜表示〜選択した行への処理 までを簡単にまとめておきます。 実装例とソースコード 例として、取引先を...
Lightning Web Component

Apexでのレコード更新を Lightning Web Component に反映する

Lightning Web Component から Apex メソッドを呼び出してレコード更新する、というコンポーネントを作成した際、更新結果が画面に反映されないという事態に直面しました。 その解決法を残しておきます。 失敗...
Lightning Web Component

LWCからApexメソッドに、レコード情報をJSONで受け渡す

実装例 LWC側では、JSON.stringify() で JSON化してApexクラスのメソッドに引数として渡します。 import { LightningElement } from 'lwc'; impo...
Lightning Web Component

LWCでレコード作成画面を作る【Salesforce】

私は主に以下の用途で LWC を使ったレコード作成画面を使います。 レコード詳細画面から親レコードを作成したいリッチなレコード作成画面が欲しい標準画面に近いレイアウトで祖父母レコードの値を初期値設定複数選択リストへの初期値設定ある項...
Lightning Web Component

lightning-record-edit-form で保存後のレコードの値を取得する【LWC】

この記事では、lightning-record-edit-form で保存後のレコードの値を取得する方法を記述します。これにより、保存後に親子関係を設定したり、他のレコードに値を設定することが可能になります。 実装例 ...
Lightning Web Component

レコード作成画面で動的に初期値自動入力する方法まとめ

この記事では、レコード作成画面で動的に初期値を入力する方法について記述しています。 例えば、取引先レコード画面から取引先責任者レコード作成画面を開き、作成画面の項目には取引先レコードの情報があらかじめ自動入力されているという感じです...
Lightning Web Component

【Salesforce】郵便番号から住所検索して自動入力【LWC】

今回は、レコードの作成画面等で、郵便番号から住所を自動入力したい という要望を LWC で実現しました。 住所検索コンポーネントの作成 複数の画面で汎用的に使えるようコンポーネント化します。 入力(@api をつけ...
Lightning Web Component

【LWC】lightning-input-field を使う際は権限に注意

Lightning Web Component でレコードの入力フォームを作成する際、lightning-input-field を使うことが多いと思います。 しかし入力フォームは何でも lightning-input-field ...
Lightning Web Component

LWCで入力フォームを2列表示にする【Salesforce】

Lightning Web Component で入力フォームを作成する際、2列表示にする方法を共有します。 今回の実装例では lightning-input を使いましたが、lightning-input-field を使う場合も...
Lightning Web Component

LWCで別のDOMツリーのコンポーネントに情報伝達する【Salesforce】

Lightning Web Component でコンポーネント間の情報伝達をする際、コンポーネント同士が親子関係であれば、@api を使ったプロパティの受け渡しと、イベントの受け渡しで情報伝達をすることができます。 しかし、DOM...
タイトルとURLをコピーしました