Wicket textarea示例

Wicket教程向您展示如何创建一个textarea,多行文本编辑组件,通常用于地址字段。

//Java 
import org.apache.wicket.markup.html.form.TextArea;
...
final TextArea<String> address = new TextArea<String>("address",Model.of(""));		
form.add(address);

//HTML
<textarea wicket:id="address" rows="6" cols="40"></textarea>

1. Wicket textarea示例

代码以呈现文本字段的地址。

文件:UserPage.java

package com.mkyong.user;

import org.apache.wicket.PageParameters;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.markup.html.form.TextArea;
import org.apache.wicket.markup.html.panel.FeedbackPanel;
import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.model.Model;

public class UserPage extends WebPage {

	public UserPage(final PageParameters parameters) {

		add(new FeedbackPanel("feedback"));

		//create a textarea field for address
		final TextArea<String> address = new TextArea<String>("address",Model.of(""));
		address.setRequired(true);
		
		address.setLabel(Model.of("Address")); 

		Form<?> form = new Form<Void>("userForm") {
			@Override
			protected void onSubmit() {

				PageParameters pageParameters = new PageParameters();
				pageParameters.add("address", address.getModelObject());
				setResponsePage(SuccessPage.class, pageParameters);

			}
		};

		add(form);
		form.add(address);
	
	}
}

2. Wicket HTML页面

呈现textarea字段的页面。

文件:UserPage.html

<html>
<head>
<style>
label {
	background-color: #eee;
	padding: 4px;
	float:left;
}

.feedbackPanelERROR {
	color: red;
}
</style>
</head>
<body>
	<h1>Wicket TextArea Example</h1>

	<div wicket:id="feedback"></div>
	<form wicket:id="userForm">
		<p>
			<label>Address :</label> 
			
			<textarea wicket:id="address" rows="6" cols="40"></textarea>
			
		</p>
		<input type="submit" value="Register" />
	</form>

</body>
</html>

3.演示

开始并访问-http:// localhost:8080 / WicketExamples /

wicket textarea address field

下载它– Wicket-textarea-example.zip (8KB)

参考文献

  1. Wicket TextArea Javadoc

翻译自: https://mkyong.com/wicket/wicket-textarea-example/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值