続けて、先のドラッグ＆ドロップをs2jsf-exampleに適用。
とりあえず、/WEB-INF/layout/layout.htmlを餌食にしてみた。
layout.htmlの先頭にScriptタグを入れて、
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-31j" />
<link m:inject="s:link" rel="stylesheet" type="text/css" href="/css/global.css"/>
<title m:value="#{layoutTitle}"/>
<script language="javascript" src="/s2jsf-example/js/loader.js"></script>
</head>ヘッダ、メニュー、ボディを<li>タグで囲んでしまう。
<td width="140" valign="top">
<ul id="menu" class="partsLayer">
<li>
<span class="handle">MENU</span>
<span m:inject="s:insert" m:src="/WEB-INF/layout/menu.html"/>
</li>
</ul>
</td>これで、ドラッグ＆ドロップできるようになる。
menu.htmlが出ても嬉しくないので、代わりに、
add.htmlを表示するように書き換えてみた、、、
ら、ここで問題。どうもinsert先を見つけられずコケる模様。
add.html側を、少し書き換えてあげたらいけた。
<span m:inject="s:insert" m:name="body"> ↓ <span m:inject="s:insert">
これでOK。問題なく計算も実行できる。
もうちょっと技術的に困ると思ってたけど、意外とあっさり出来た感じ。
次は、全体像を見ながら、設計しようか。
