ウィケットのテキストエリアの例
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; }
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]