Пример выбора калитки

Расширение Wicket поставляется с классом «Select» для визуализации компонента раскрывающегося списка, который поддерживаетgroup related options with <optgroup> tags.

Рисунок: в раскрывающемся списке:

wicket select example

//Java
import org.apache.wicket.extensions.markup.html.form.select.Select;
import org.apache.wicket.extensions.markup.html.form.select.SelectOption;
...
        //variable to hold the selected value from dropdown box,
        //and also make "jQuery" selected by default
        private String selected = "jQuery";

    Select languages = new Select("languages", new PropertyModel(this, "selected"));
    form.add(languages);
    languages.add(new SelectOption("framework1", new Model("Wicket")));
    languages.add(new SelectOption("framework2", new Model("Spring MVC")));
    languages.add(new SelectOption("framework3", new Model("JSF 2.0")));
    languages.add(new SelectOption("Script1", new Model("jQuery")));
    languages.add(new SelectOption("Script2", new Model("prototype")));

//HTML for dropdown box

===

1. Расширение калитки

Чтобы использовать тег «Select», вам необходимо получить банку «wicket-extensions».

Файл: pom.xml



    

        
            org.apache.wicket
            wicket
            1.4.17
        

        
            org.apache.wicket
            wicket-extensions
            1.4.17
        

        
        
            org.slf4j
            slf4j-log4j12
            1.5.6

2. Wicket Выберите пример

Пример отображения раскрывающегося списка, сгруппируйте связанные параметры с тегами<optgroup> через теги «Select» и «SelectOption».

import org.apache.wicket.PageParameters;
import org.apache.wicket.extensions.markup.html.form.select.Select;
import org.apache.wicket.extensions.markup.html.form.select.SelectOption;
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;
import org.apache.wicket.model.PropertyModel;

public class SelectPage extends WebPage {

    private String selected = "jQuery";

    public SelectPage(final PageParameters parameters) {

        add(new FeedbackPanel("feedback"));

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

                info("Selected language : " + selected);

            }
        };

        add(form);

        Select languages = new Select("languages", new PropertyModel(
                this, "selected"));

        form.add(languages);
        languages.add(new SelectOption("framework1", new Model(
                "Wicket")));
        languages.add(new SelectOption("framework2", new Model(
                "Spring MVC")));
        languages.add(new SelectOption("framework3", new Model(
                "JSF 2.0")));
        languages.add(new SelectOption("Script1", new Model(
                "jQuery")));
        languages.add(new SelectOption("Script2", new Model(
                "prototype")));

    }
}

3. HTML-страница калитки

HTML-код для соответствия вышеуказанному коду Wicket.






    Wicket Select example

    
    
        
        Select your favor language

4. Demo

Начало и посещение -http://localhost:8080/WicketExamples/

«JQuery» выбран по умолчанию.

wicket select example

Выберите «Spring MVC» и нажмите на кнопку дисплея.

wicket select example

Скачать -Wicket-Select-Example.zip (7KB)

TOC

Пример выбора калитки