Mayaa で確認ダイアログを使う

java

「○○を削除」リンクをクリックしたときにJavaScriptで「本当に削除してもよろしいですか？」と再度確認させる、ってのをやってみたのでメモ。

JavaScript

function confirmDelete() {
  if(window.confirm('本当に削除してもよろしいですか？')) {
    return true;
  }
  return false;
}

HTML

:
:
<script src="./path/to/js/confirm.js"></script>
:
:
<a m:id="deleteLink" href="">○○を削除</a>
:
:

Mayaa

<m:echo m:id="deleteLink">
  <m:attribute name="href" value="delete/${ id }" />
  <m:attribute name="onclick" value="return confirmDelete()" />
</m:echo>

Mayaaで以下の処理を行う

  • onclick属性の追加 → confirmDelete関数の呼び出し
    • confirmDelete関数が false を返した場合は遷移しない
  • href属性の値を設定