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

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

lightningコンポーネント(Aura)

ページ更新

ページ更新 location.reload();(例)Modalの閉じるボタンをクリックしたときにページ更新を行う cmp <a href="javascript:void(0);" class="btn btn-border btn-size-ss" onclick="{!c.reload}">閉じる</a>controller.js reload: function (component, event, helper) { location.reload(); }

新しいタブでリンクを表示

リンクをクリックした際、新しいタブでページを表示する方法。 target="_blank"(例) <a href="リンク先" class="xxx" target="_blank">こちらへ</a>

キーボード、マウスを動かした際に処理を行う

キーボードを押した時/離した時に処理を行う。 ・押した時:keydown (例) <ui:inputText value="" class="xxx" keydown="{!c.クラス名}"/>・離した時:keyup (例) <ui:inputText value="" class="xxx" keyup="{!c.クラス名}"/>マウスのクリックボタンを押した時/離した時に処理を行う。 ・押した時:onmousedown (例) <href="xxx" class="yyy" onmousedown="{!c.クラス名}"/>・離した時:onmouseup (例) </href="xxx"></ui:inputtext></ui:inputtext>

AuraのControllerとhelperについて

Auraコンポーネントで使用される「cmp」、「controller.js」、「helper.js」の関係性について。cmpから呼べるのはcontroller.jsのみ。 controller.jsから呼べるのはhelper.jsのみ。 controller.jsから自身(controller.js)のクラスを呼ぶことはできない。 hel…

属性(attribute)の定義方法

Auraで使用する定義値の書き方 型:Integer <aura:attrigute access="public" type="Integer" name="intNum" dedault="0"/>型:オブジェクト <aura:attrigute access="public" type="Object" name="objTest"/>コンポーネント内で使用する際は、 {!v.変数名}</aura:attrigute></aura:attrigute>