Wicket List複数選択肢の例

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

Wicketでは、 `ListMultipleChoice`を使って

複数の選択可能なスクロール可能リストボックス

を作成することができます。

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

ListMultipleChoice <String> listNumbers =新しいListMultipleChoice <String>（
“number”、新しいモデル（selectedNumber）、NUMBERS）;
//複数選択リストボックスのHTML
<select wicket:id = “number”> </select>

=== 1. Wicket複数選択リストボックスの例

複数の選択可能なスクロール可能なリストボックスを表示する例
"ListMultipleChoice`"を選択し、デフォルト値を選択します。

パッケージcom.mkyong.user;

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

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

（新しい文字列[]{“Number 1″、 “Number 2″、 “Number 3″、 “Number 4″、 “Number 5″、 “Number 6”}）;

public ListMultipleChoicePage（最後のPageParametersパラメータ）{

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

ListMultipleChoice <String> listNumbers = new ListMultipleChoice <String>（ “number”、新しいモデル（selectedNumber）、NUMBERS）;

listNumbers.setMaxRows（5）;

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

info（ “選択番号:” + selectedNumber）;

}};

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

}
}

=== 2. Wicket HTMLページ

複数の選択可能なスクロール可能リストをレンダリングするページ。

<html> <head> <style> .feedbackPanelINFO {color:green; } </style> </head> <body> <h1> Wicket List複数選択肢の例</h1>

[ListMultipleChoice]あなたの好意番号の “MULTIPLE”を選択:（Ctrl +左クリック）<div wicket:id = “feedback”> </div> <form wicket:id = “form”> <p> <input type = “submit” value = “Display”/> </form> </wiki>

</body>
</html>

===デモ

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

「番号6」が自動的に選択されます。

image://wp-content/uploads/2011/05/wicket-listmultiplechoice-example1.png[wicket
listbox、title = "wicket-listmultiplechoice-example1"、width = 579、height = 350]
"番号2、4、6"を選択し、表示ボタンをクリックします。

image://wp-content/uploads/2011/05/wicket-listmultiplechoice-example2.png[wicket
リストボックス、タイトル= "wicket-listmultiplechoice-example2"、width = 610、height = 383]
それをダウンロードする -
リンク://wp-content/uploads/2011/05/Wicket-ListMultipleChoice-Examples.zip[Wicket-ListMultipleChoice-Examples.zip]（7KB）

===参考文献

。 http://wicket.apache.org/apidocs/1.4/org/apache/wicket/markup/html/form/ListMultipleChoice.html[Wicket
ListMultipleChoiceJavadoc]
link://tag/listbox/[listbox]link://タグ/wicket/[wicket]

getdocs

13036