一覧画面の表示

昨日のエラーメッセージが上手く表示出来ない件については、コメントで教えて頂いた方法で解決することが出来た。後学のために結果をメモとして残しておく。

<!-- 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に限らず色々勉強になるし、やっぱり面白いよね。