サポート > Wagby Developer Network > カスタマイズ事例 > ログオフボタン押下時に、確認ダイアログを表示するようにする。

グローバルリンク部

Wagby では、画面右上の「グローバルリンク部」に「ログオフ」ボタンを用意しています。

ここでは、このファイルのカスタマイズ方法を説明します。

カスタマイズ

  1. $(DEVHOME)/env/template/jspc/globallink.jsp ファイルを $(DEVHOME)/env/webpage/parts フォルダにコピーします。
  2. コピーした globallink.jsp を次のように編集します。 
    <%@ page pageEncoding="Shift_JIS"%>
<fmt:setBundle basename="jfcapp"/>
<div class="globallink">
<table>
  <tr>
    <td><a href ="mainMenu.do">
      <div class="btnMainMenu"></div></a>
    </td>
    <td><a href ="help/index.jsp" >
      <div class="btnPopAppHelp"></div></a>
    </td>
    <td><a href ="logoff.do"
      onClick="return confirm('ログオフしますか？');">
      <div class="btnLogoff"></div></a>
    </td>
  </tr>
</table>
</div>
    logoff.do へジャンプするアンカー要素に onClick イベントを設定しています。ここでは JavaScript が標準で提供している confirm を使って、確認ダイアログを出すようにしました。

ビルド

上記ファイルを変更後、Wagby ビルダを起動し、ビルド処理を行ってください。

または、このファイルを wagbyapp/webapps/$(APPNAME)/parts フォルダに直接、上書きします。

このページ

カスタマイズ事例