Wicket複数のチェックボックスの例 - CheckBoxMultipleChoice

Wicket複数のチェックボックスの例– CheckBoxMultipleChoice

multiples select checkboxesを作成するためのウィケットの例、およびチェックボックスを自動的にオンにしました。

//Java
import org.apache.wicket.markup.html.form.CheckBoxMultipleChoice;
...
//checkboxes value to display
private static final List LANGUAGES = Arrays.asList(new String[] {
            "Java", ".NET", "PHP", "Ruby", "C/C++" });

//variable to hold the checkbox values
private ArrayList languagesSelect = new ArrayList();

final CheckBoxMultipleChoice listLanguages =
               new CheckBoxMultipleChoice(
            "languages", new Model(languagesSelect), LANGUAGES);

//HTML

1. Wicket複数のチェックボックスの例

CheckBoxMultipleChoice」を介して複数のチェックボックスを表示し、自動的にチェックする例。 コードは一目瞭然です。

ファイル:CheckBoxMultipleChoicePage.java

package com.example.user;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
import org.apache.wicket.PageParameters;
import org.apache.wicket.markup.html.form.CheckBoxMultipleChoice;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.markup.html.panel.FeedbackPanel;
import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.model.Model;

public class CheckBoxMultipleChoicePage extends WebPage {

    private static final List LANGUAGES = Arrays.asList(new String[] {
            "Java", ".NET", "PHP", "Ruby", "C/C++" });

    private static final List HOSTING_TYPES = Arrays
            .asList(new String[] { "Shared Host", "VPS", "Clound Host",
                    "Dedicated Server" });

    // hold the checkbox values
    private ArrayList languagesSelect = new ArrayList();

    // checked vps and dedicated server by default
    private ArrayList hostingtSelect = new ArrayList(
            Arrays.asList(new String[] { "VPS", "Dedicated Server" }));

    public CheckBoxMultipleChoicePage(final PageParameters parameters) {

        add(new FeedbackPanel("feedback"));

        final CheckBoxMultipleChoice listLanguages =
                           new CheckBoxMultipleChoice(
                "languages", new Model(languagesSelect), LANGUAGES);

        final CheckBoxMultipleChoice listHosting =
                           new CheckBoxMultipleChoice(
                "hostings", new Model(hostingtSelect), HOSTING_TYPES);

        Form form = new Form("userForm") {
            @Override
            protected void onSubmit() {

                info("Languages : " + languagesSelect.toString());
                info("Hosting Types : " + hostingtSelect.toString());

            }
        };

        add(form);
        form.add(listLanguages);
        form.add(listHosting);

    }
}

2. Wicket HTMLページ

複数のチェックボックスをレンダリングするページ。

ファイル:CheckBoxMultipleChoicePage.html






    

Wicket CheckBoxMultipleChoice Example



3. Demo

デフォルトでは、「VPS」と「専用サーバー」がチェックされています。

wicket multiple checkboxes

いくつかのチェックボックスを選択して、表示ボタンをクリックします。

wicket multiple checkboxs

ダウンロード–Wicket-CheckBoxMultipleChoice-Examples.zip(8KB)