Mayaaのモックでメニュー表示

Mayaa

Mayaaでm:insertとm:doRenderを使って部品化した場合に、画面のモックが確認できなくなるのがいまいちなのでインナーフレームでダミーのメニューを書くようにしてみた。
これでモックを見たときはメニューがiframeで表示され、実アプリでは埋め込まれて表示される。

元画面(HTML)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title >トップページ</title>
</head>
<body>
本文本文本文本文
<iframe src="menu.html" id="menu" width="100%" height="100%" Frameborder="0" />
</body>
</html>

元画面(mayaa)

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
  <m:insert id="menu" path="/menu.html" />
</m:mayaa>

メニュー画面(HTML)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title >メニュー</title>
</head>
<body>
<div id="menu">
<ul>
<li><a href="ooo.html" target="_top">○○機能</a></li>
<li><a href="xxx.html" target="_top">××機能</a></li>
</ul>
</div>
</body>
</html>

メニュー画面(mayaa)

<?xml version="1.0" encoding="UTF-8"?>
<m:mayaa xmlns:m="http://mayaa.seasar.org">
  <m:doRender id="menu" />
</m:mayaa>