技術メモ(主に自分向け)

短期記憶の自分向けの技術メモです。

2023-12-27から1日間の記事一覧

選択肢をランダムに表示

とある問いに対して選択肢が複数ある場合、ページを開くたびに選択肢の並び順をランダムにする方法 js側 ※問題、選択肢はリストで保持しているとする //問題数分実行する for (var questionList = 0; questionList < 問題.length; questionList++) { //選択…

コンポーネントのjs側で日付型のフォーマットを変える場合

SFDCの日付の表記は「yyyy-MM-dd」 これを「yyyy年MM月dd日」のようにフォーマットを変えたい場合は以下のように書く ・年月日 $A.localizationService.formatDate(日付型を持った変数名, "yyyy" + '年' + "M" + '月' + "d" + 日);・月日 $A.localizationSer…

コンポーネントのclassの追加削除の書き方

条件によってclassの追加/削除を行いたい場合の書き方cmp側 <div id="test" class="classsample1 classsample2">確認</div> js側 ・追加の場合 classに「classsample3」が追加される document.getElementById(’test’).classList.add('classsample3');・削除の場合 classの「classsample2」が削除される document.getE…

コンポーネントでユーザーのemailを取得する方法

SFDC側に保存しているUserのemailを取得する方法 $A.get("$SObjectType.CurrentUser.Email");

コンポーネントにcss/jsライブラリを追加する方法

コンポーネントで使用したいライブラリを追加する方法は以下の通り。①静的リソースに使用する素材をzipで登録する ②コンポーネントで以下のように宣言

コンポーネントでhrefがうまく動かない

hrefを使うと、SFDCがキャッシュで前の画面の情報を持ったままうまく動かない時がある。 以下のように対応する。 (例) ・対応前 cmp側 <a href="/s/testpage" class="btn btn-center">クリック</a> ・対応後 cmp側 <a href="javascript:void(0);" class="btn btn-center" onclick="{!c.clickButton}">クリック</a>controller.js側 clickButton : function (component, event, helper) { window.lo…

コンポーネントの初期処理

ページを開いたときに初期処理がある場合のAuraコンポーネントの書き方cmp側 <ltng:require scripts="" afterScriptsLoaded="{!c.initialize}"/>controller.js側 initialize : function (component, event, helper) {…}</ltng:require>

コンポーネントでCSSがうまく読み込まない

コンポーネントの定義枠に設定したCSSがうまく読み込まない。 →読む込むタイミングを変更するcmp側 <aura:handler name="render" value="{!this}" action="{!.c.xxx}">controller.js側 xxx : function (component, event, helper) { //ここにスタイルの読み込み処理を書く } ・handler コンポーネントにイベント処理を実装す</aura:handler>…

別のコンポーネントを呼ぶ方法

コンポーネントAからコンポーネントBを呼ぶ書き方。(例) コンポーネントAの名前:CompA コンポーネントBの名前:ComB ・CompA.cmp <aura:component> <a href="javascript:void(0);" class="btn btn-center" onclick="{!c.movePage}"> <c:CompB aura:id="compB"> //IDの適用範囲は本コンポーネント内のみ </aura:component>・CompAController.js movePage : function(component, event, helper)…

コンポーネントにApexの処理を使用する方法

コンポーネントでApex処理を呼ぶ。(例) Apex側 public class SampleApexClass { public static String getSample() {…} }cmp側 <aura:component controller="SampleApexClass" implements="forceCommunity:availableForAllPageTypes"> <a href="javascript:void(0);" onclick="{!c.sampleJs}">クリック</a> </aura:component> js側 sampleJs : fun…