《wicket学习二十》&ModelChainingExample

24 篇文章 1 订阅

今天我们来学习一下这样的的一个界面,一个表单,例举相应的对象的属性。

其实现的类如下所示。

public class PersonListDetails extends WebPage {
    private Form form;
    private DropDownChoice<Person> personsList;
    public PersonListDetails() {
        Model<Person> listModel = new Model<Person>();
        ChoiceRenderer<Person> personRender = new ChoiceRenderer<Person>(){
            @Override
            public Object getDisplayValue(Person person) {
                return person.getName() + " " + person.getSurname();
            }
        };

        personsList = new DropDownChoice<Person>("persons", listModel, personsPojo(),personRender);
        personsList.add(new FormComponentUpdatingBehavior());

        add(personsList);

        form = new Form("form", new CompoundPropertyModel<Person>(listModel));
        form.add(new TextField("name"));
        form.add(new TextField("surname"));
        form.add(new TextField("address"));
        form.add(new TextField("email"));

        add(form);
    }
    private static List<Person> personsPojo() {
        List<Person> persons = new ArrayList<Person>();
        Person person = new Person("John", "Smith");

        person.setAddress("Corner street");
        person.setEmail("john.smith@gmail.com");
        persons.add(person);

        person = new Person("Jill", "Smith");

        person.setAddress("Main street");
        person.setEmail("jill.smith@gmail.com");

        persons.add(person);

        person = new Person("Tim", "Spencer");

        person.setAddress("Second street");
        person.setEmail("tim.spencer@gmail.com");

        persons.add(person);

        return persons;
    }
}

对应的html界面,如下所示

<html xmlns:wicket="http://wicket.apache.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>

    List of persons
    <select wicket:id="persons"></select>
    <br />
    <br />
    <form wicket:id="form">
        <div style="display: table;">
            <div style="display: table-row;">
                <div style="display: table-cell;">Name:</div>
                <div style="display: table-cell;">
                    <input type="text" wicket:id="name" />
                </div>
            </div>
            <div style="display: table-row;">
                <div style="display: table-cell;">Surname:</div>
                <div style="display: table-cell;">
                    <input type="text" wicket:id="surname" />
                </div>
            </div>
            <div style="display: table-row;">
                <div style="display: table-cell;">Address:</div>
                <div style="display: table-cell;">
                    <input type="text" wicket:id="address" />
                </div>
            </div>
            <div style="display: table-row;">
                <div style="display: table-cell;">Email:</div>
                <div style="display: table-cell;">
                    <input type="text" wicket:id="email" />
                </div>
            </div>
        </div>
        <input type="submit" value="Save" />
    </form>

</body>
</html>

我们来看一下person的定义

public class Person implements Serializable{
	private String name;
	private String surname;
	private String address;
	private String email;
	
	private Person spouse;
	private List<Person> children;
	
	
	public Person(String name, String surname) {
		super();
		this.name = name;
		this.surname = surname;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getSurname() {
		return surname;
	}
	public void setSurname(String surname) {
		this.surname = surname;
	}
	public String getAddress() {
		return address;
	}
	public void setAddress(String address) {
		this.address = address;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public Person getSpouse() {
		return spouse;
	}
	public void setSpouse(Person spouse) {
		this.spouse = spouse;
	}
	public List<Person> getChildren() {
		return children;
	}
	public void setChildren(List<Person> children) {
		this.children = children;
	}
	
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yGIS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值