AipoでAjaxによる画面遷移

@iwasaki 535views 更新:2014年2月28日

Aipoでは画面遷移を主に次の2つのJavascriptの関数で行っています。

Ajaxで画面を切り替える

aipo.viewPage

詳細画面・登録画面などのダイアログを表示する

aipo.common.showDialog

リンクテキストのonclickに定義されているこれらのメソッドはIE,Firefox,Chromeなどの開発者向けツールのJavascriptコンソールから実行することで同じ挙動を起こすことが可能です。

 

<a onclick="aipo.common.showDialog('http://localhost:8080/aipo/portal/******','P-*******',aipo.msgboard.onLoadMsgboardDialog);" href="javascript:void(0);">掲示板</a>

の場合、

aipo.common.showDialog('http://localhost:8080/aipo/portal/******','P-*******',aipo.msgboard.onLoadMsgboardDialog);

に当たる部分を、

<a onclick="aipo.viewPage('http://localhost:8080/aipo/portal/******', 'P-*******');" href="javascript:void(0);">カテゴリの管理</a>

の場合だと

aipo.viewPage('http://localhost:8080/aipo/portal/******', 'P-*******');

に当たる部分をコンソールに入力して実行できます。

ブラウザをリロードしなくてもコンソールに入力することで何度でも実行できるのでDBを止めた状態でどういった挙動になるか、などを確認する際に使えるかと思います。(ただしAipoの場合はセッションに依存する箇所が多いため、セッションにデータが入っていないと失敗することがあります。)

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません