一覧画面の表示
昨日のエラーメッセージが上手く表示出来ない件については、コメントで教えて頂いた方法で解決することが出来た。後学のために結果をメモとして残しておく。
<!-- layout.html --> <div id="errors" class="errors"> <ul> <li id="error"><span id="errorMessage">Dummy Errors.</span></li> </ul> </div>
<!-- layout.mayaa --> <m:if m:id="errors" test="${!errors.empty}" replace="false"/> <m:forEach m:id="error" items="${errors.all}" var="error" index="i"> <m:echo> <m:doBody/> </m:echo> </m:forEach> <m:write m:id="errorMessage" value="${error}"/>
<!-- 実行後のHTMLソース --> <div id="errors" class="errors"> <ul> <li id="error">ユーザーIDは必須です。</li><li id="error">パスワードは必須です。</li> </ul> </div>
今日は、Cubbyのチュートリアルに則って、一覧画面を作ってみた。Javaソースはほぼチュートリアル通りなので割愛。あんまり時間がなかったので、リンク系のアクションは形だけ。実装は明日以降かなぁ。
<!-- employeeList.html --> [<a href="">新規登録</a>] <table border="1" cellpadding="5" cellspacing="1" summary="社員情報一覧"> <tr> <th>社員番号</th> <th>氏名</th> <th>ユーザーID</th> <th>メールアドレス</th> <th colspan="3">アクション</th> </tr> <div id="employeeList"> <tr id="employeeLine"> <td><span id="employeeNo">1</span></td> <td><span id="name">aaa</span></td> <td><span id="userId">bbb</span></td> <td><span id="email">aaa@example.com</span></td> <td>[<a href="">詳細</a>]</td> <td>[<a href="">編集</a>]</td> <td>[<a href="">削除</a>]</td> </tr> </div> </table> </div>
<!-- employeeList.mayaa --> <m:forEach m:id="employeeList" items="${action.employeeList}" var="employee" index="i"> <m:doBody/> </m:forEach> <m:echo m:id="employeeLine"> <m:attribute name="class" value="${i % 2 ? 'odd' : 'even'}"/> </m:echo> <m:write m:id="employeeNo" value="${employee.employeeNo}"/> <m:write m:id="name" value="${employee.name}"/> <m:write m:id="userId" value="${employee.userId}"/> <m:write m:id="email" value="${employee.email}"/>
<!-- 実行後のHTMLソース --> [<a href="">新規登録</a>] <table border="1" cellpadding="5" cellspacing="1" summary="社員情報一覧"> <tr> <th>社員番号</th> <th>氏名</th> <th>ユーザーID</th> <th>メールアドレス</th> <th colspan="3">アクション</th> </tr> <tr class="even" id="employeeLine"> <td>115</td> <td>鈴木一郎</td> <td>i-suzuki</td> <td>i-suzuki@example.com</td> <td>[<a href="">詳細</a>]</td> <td>[<a href="">編集</a>]</td> <td>[<a href="">削除</a>]</td> </tr> <tr class="odd" id="employeeLine"> <td>105</td> <td>鈴木次郎</td> <td>j-suzuki</td> <td>j-suzuki@example.com</td> <td>[<a href="">詳細</a>]</td> <td>[<a href="">編集</a>]</td> <td>[<a href="">削除</a>]</td> </tr> <tr class="even" id="employeeLine"> <td>124</td> <td>鈴木三郎</td> <td>s-suzuki</td> <td>s-suzuki@example.com</td> <td>[<a href="">詳細</a>]</td> <td>[<a href="">編集</a>]</td> <td>[<a href="">削除</a>]</td> </tr> </table>
今日のところはあんまり苦労せずに作ることが出来た。あー、良かったぁ。以前本番案件でMayaaを使ったけど、自分が担当していたのはいわゆるサブアプリだったので、全体的な構成がイマイチ理解出来ていなかった。けど、こうやって一人で作っているとMayaaに限らず色々勉強になるし、やっぱり面白いよね。