ここでは、Wicket Hello Wicket で作った Quick Start ページをベースに、画面遷移とフォームデータの受け渡しを行う簡単なアプリケーションを作る

 

form と submit ボタンを作る

HomePage.html に、form と submit ボタンを付け足す

<?xml version="1.0" encoding="UTF-8"?>
<html
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:wicket="http://wicket.apache.org/">
<head>
<title>Wicket Quickstart Archetype Homepage</title>
</head>
<body>

<form wicket:id="f">                                       <!-- ADD -->
  <strong>Wicket Quickstart Archetype Homepage</strong>
  <br/><br/>
  <span wicket:id="message">message will be here</span>
  <br/><br/>
  <input type="submit" value="POST"/>                      <!-- ADD -->
</form>                                                    <!-- ADD -->

</body>
</html>

HomePage.java に、form と submit ボタンを付け足す

package com.snail;

import org.apache.wicket.PageParameters;
import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.Form;

public class HomePage extends WebPage {

  private static final long serialVersionUID = 1L;

  private Form form = new Form("f") {
    private static final long serialVersionUID = -1700095884500348972L;

    @Override
    protected void onSubmit() {
      ResultPage result = new ResultPage();
      setResponsePage(result);
    }
  };

  private Label lbl = new Label("message",
      "If you see this message wicket is properly configured and running");

  public HomePage(final PageParameters parameters) {

    add(form);

    form.add(lbl);
  }
}

遷移先の ResultPage?.html と ResultPage?.java を作る

今の時点では特に何もしていない。

動かしてみる

入力フィールドを作る

ボタンだけの webアプリケーションに、入力フィールドその他諸々を付け足して、一通りの機能を持った webアプリケーションを作ってみる。

完成イメージ

ソースコード

テキストフィールドを作る

コンボボックスを作る

テキストエリアを作る

入力チェック

ここでは、簡単な入力チェックとメッセージの表示を行う。
複雑な入力検証を行ったり、エラー箇所を赤くしたり、エラーメッセージの設定は、あと( Wicket Validation?)で、

エラーメッセージの表示領域

WicketFeedBackMsg.png

日付入力チェックをする

必須チェックをする

前の画面に戻れるようにするには?


Java#Wicket


*1 Webアプリとしては当然の affordance だが、内部的には結構大変なことである

添付ファイル: fileWicketInputExam2.png 615件 [詳細] fileWicketSelectMe.png 834件 [詳細] fileWicketButtonExam2.png 608件 [詳細] fileWicketFeedBackMsg.png 612件 [詳細] fileWicketInputExam1.png 695件 [詳細] fileWicketButtonExam1.png 717件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS   sitemap
Last-modified: 2008-01-21 (月) 02:40:04 (3241d)
ISBN10
ISBN13
9784061426061