Wicketのチュートリアルでは、アドレスフィールドによく使用されるテキストエリア、複数行のテキスト編集コンポーネントを作成する方法を説明します。

…​.//Java
import org.apache.wicket.markup.html.form.TextArea;
…​

最後のTextArea <String>アドレス=新しいTextArea <String>( “address”、Model.of( “”)); form.add(アドレス);

<textarea wicket:id=”address” rows=”6″ cols=”40″></textarea>

=== 1. Wicket textarea example

Code to render a textarea field for address.

__File : UserPage.java__

パッケージcom.mkyong.user;

インポートorg.apache.wicket.PageParameters; import org.apache.wicket.markup.html.form.Form; import org.apache.wicket.markup.html.form.TextArea; import org.apache.wicket.markup.html.panel.FeedbackPanel; import org.apache.wicket.markup.html.WebPage; import org.apache.wicket.model.Model;

public class UserPageはWebページ{

public UserPage(最後のPageParametersパラメータ){

add(新しいFeedbackPanel( “feedback”));

フォーム<?>フォーム=新しいフォーム<Void>( “userForm”){@Override protected void onSubmit(){

PageParameters pageParameters =新しいPageParameters(); pageParameters.add( “address”、address.getModelObject()); setResponsePage(SuccessPage.class、pageParameters);

}};

追加(フォーム);
        form.add(アドレス);
    
    }
}

=== 2. Wicket HTMLページ

textareaフィールドをレンダリングするページ。

__File:UserPage.html__

<html> <head> <style>ラベル{background-color:#eee;パディング:4px; float:left; }

feedbackPanelERROR {カラー:赤; } </style> </head> <body> <h1> Wicket TextAreaの例</h1>

id = “userForm”> <p> <label>住所:</label> <textarea wicket:id = “address” rows = “6” <div wicket:id = “feedback”> </div> <input type = “submit” value = “Register”/> </form>

</body>
</html>

===デモ

開始と訪問 -  __http://localhost:8080/WicketExamples/__

image://wp-content/uploads/2011/05/wicket-textarea-example.png[wicket
テキストエリアアドレス
フィールド= title = "wicket-textarea-example"、width = 593、height = 340]
それをダウンロードする -
リンク://wp-content/uploads/2011/05/Wicket-textarea-example.zip[Wicket-textarea-example.zip](8KB)

===参考文献

。 http://wicket.apache.org/apidocs/1.4/org/apache/wicket/markup/html/form/TextArea.html[Wicket
TextArea Javadoc]
link://tag/textarea/[textarea]link://タグ/wicket/[wicket]