Wicketドロップダウンボックスの例 – DropDownChoice

投稿日: 2019-11-05 2019-11-05
タグ: dropdown, wicket

Wicketでは、 ”

DropDownChoice

“を使用してドロップダウンボックスコンポーネントをレンダリングできます。

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

DropDownChoice <String> listSites =新しいDropDownChoice <String>（
“sites”、新しいPropertyModel <String>（これ、 “selected”）、SEARCH__ENGINES）;
//ドロップダウンボックスのHTML
<select wicket:id = “sites”> </select>

=== 1. Wicket DropDownChoiceの例

"DropDownChoice"を介してドロップダウンボックスを表示する例、デフォルトのa
選択された値。

import java.util.Arrays; import java.util.List;インポートorg.apache.wicket.PageParameters; import org.apache.wicket.markup.html.form.DropDownChoice; import org.apache.wicket.markup.html.form.Form; import org.apache.wicket.markup.html.panel.FeedbackPanel; import org.apache.wicket.markup.html.WebPage;インポートorg.apache.wicket.model.PropertyModel;

パブリッククラスDropDownChoicePageはWebPage {

プライベート静的最終リスト<String> SEARCH__ENGINES = Arrays.asList（新しいString[]{“Google”、 “Bing”、 “Baidu”}）;

add（新しいFeedbackPanel（ “feedback”））;

DropDownChoice <String> listSites =新しいDropDownChoice <String>（ “sites”、新しいPropertyModel <String>（これ、 “selected”）、SEARCH__ENGINES）;

フォーム<？>フォーム=新しいフォーム<Void>（ “フォーム”）{@Override protected void onSubmit（）{

info（ “選択された検索エンジン:” + selected）;

}};

追加（フォーム）; form.add（listSites）;

}
}

=== 2. Wicket HTMLページ

ドロップダウンボックスを表示するページ。

<html> <head> <style> .feedbackPanelINFO {color:green; } </style> </head> <body> <h1> Wicket DropDownChoiceの例</h1>

<wicket:id = “feedback”> </div> <form wicket:id = “form”> <p> <label>検索エンジンを選択する</label> <br/> <select wicket:id = “sites “> </select> <input type =” submit “value =”表示 “/> </form>

</body>
</html>

===デモ

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

デフォルトでは「Google」が選択されています。

image://wp-content/uploads/2011/05/wicket-dropdownchoice-example1.png[wicket
落ちる
box、title = "wicket-dropdownchoice-example1"、width = 546、height = 300]
"Baidu"を選択し、表示ボタンをクリックします。

image://wp-content/uploads/2011/05/wicket-dropdownchoice-example2.png[wicket
ドロップダウンボックス
例:title = "wicket-dropdownchoice-example2"、width = 550、height = 323]
それをダウンロードする -
リンク://wp-content/uploads/2011/05/Wicket-DropDownChoice-Examples.zip[Wicket-DropDownChoice-Example.zip]（7KB）

===参考文献

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

getdocs

13036