Wicket用户手册:能够处理用户输入的HelloWorld

接下来的这个例子将会教会大家使用Wicket开发一个能够处理用户输入的程序,这个程序虽然简单,但也基本上描述了如何使用Wicket处理用户的输入。

我们会修改上面的的例子,增加处理用户输入的功能。也就是在页面上显示一个文本框,以用户 输入数据,并提交到服务器,再将用户 输入的信息显示在页面上。

这是HTML模板文件
<html>  <body>    <span wicket:id="message">Message goes here</span>    <form wicket:id="messageInputForm">    	<input type="text" wicket:id="messageInput"/>    	<input type="submit" value="update"/>    </form>  </body></html>  

在上面的模板文件中,我们看到了三个标签,他们分别是:"message","messageInputForm","messageInput",除了上一个例子里面的Label控件之外,我们现在 又多了一个Form和一个Input控件,接下来的代码,显示如何使用 这两个控件。

相应的Java代码
package mypackage;import wicket.markup.html.WebPage;import wicket.markup.html.basic.Label;import wicket.markup.html.form.Form;import wicket.markup.html.form.TextField;import wicket.model.IModel;import wicket.model.Model;public class HelloWorld extends WebPage{  public HelloWorld()  {    IModel messageModel = new Model("Hello World!");    add(new Label("message", messageModel));    add(new MessageForm("messageInputForm", messageModel));  }  private final class MessageForm extends Form  {    public MessageForm(String id, IModel model)    {      super(id);      add(new TextField("messageInput", model));    }    protected void onSubmit()    {      // nothing to do here as the model is automatically updated    }  }}  

你可能首先注意到控件是可以嵌套的。MessageForm是一个Form控件,它和message所代表的Label控件是兄弟关系,都在HelloWorld这个页面控件内部。作为兄弟,它们的ID号必须唯一,否则它们的父母就无法准确的区分它们。而messageInput这个TextField控件则作为messageForm控件的孩子,它的作用域是限于 messageForm内部,所以messageInput控件在模板中的标签也嵌套在messageForm内部。

接下来要了解一个如何使用 Model对象。象上文提到的,每一个Wicket控件都会有一个Model。至于如何这个Model,哈哈,就由控件自己说了算。接下来文章将会告诉你如何使用Model。正如前面提到的,每个Wicket控件都会有一个Model,象Label控件就会使用Model提供的的信息输出,而一个列个控件ListView就会使用 java.util.List作为模型数据,并循环遍历这些数据(译注:其实使用的是Model.getModelObject()),Wicket提供了wicket.model.IModel这个接口,只要实现了这个接口 ,就可以作为一个Model被Wicket控件所使用 。

为了处理用户输入,必须使用Form控件。Form控件可以根据用户 的输入自动将Form内部嵌套的控件进 行自动更新。它会逐个调用内部控件的setObject()方法来更新控件的数据。因此当一个用户点击了Submit按钮后,Wicket会自动更新控件中的值。象上面的例子,Label控件和TextField文本控件使用 的是同一个Model,因此当TextField输入控件更新后,Label的输出也会自动更新(译注:这也从另外一个方面说明Wicket是基于Stateful的)。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
目录 1.简介 2.如何使用示例代码 3.我为什么要学习Wicket? 3.1。我们都喜欢意大利面:-) ... 3.2。面向组件的框架 - 概述 3.3。面向组件的Web开发框架的优点 3.4。Wicket与其他面向组件的框架相比 威克特说“你好世界!” 4.1。Wicket分发和模块 4.2。Wicket应用程序的配置 4.3。HomePage类 4.4。Wicket链接 4.5。摘要 5. Wicket作为页面布局管理器 5.1。页眉,页脚,左侧菜单,内容等... 5.2。这是继承! 5.3。划分et impera! 5.4。使用wicket标记继承:扩展标记 5.5。摘要 6.保持对HTML的控制 6.1。隐藏或禁用组件 6.2。修改标签属性 6.3。生成标记属性“id” 6.4。使用WebMarkupContainer创建内嵌面板 6.5。使用标记片段 6.6。将标题内容添加到最终页面 6.7。在我们的页面/面板中使用存根标记 6.8。如何仅渲染组件主体 6.9。用wicket隐藏装饰元素:enclosure标签 6.10。使用Border包围现有标记 6.11。摘要 7.组件生命周期 7.1。组件的生命周期阶段 7.2。组件生命周期的钩子方法 7.3。初始化阶段 7.4。渲染阶段 7.5。删除阶段 7.6。独立舞台 7.7。摘要 8.页面版本控制和缓存 8.1。有状态页面与无状态页面 8.2。有状态页面 8.3。无状态页面 8.4。摘要 9.在请求处理的引擎盖下 9.1。类应用和请求处理 9.2。请求和响应类 9.3。请求处理的“主管” - RequestCycle 9.4。会话类 9.5。异常处理 9.6。摘要 10. Wicket链接和URL生成 10.1。PageParameters 10.2。可收藏的链接 10.3。使用标记wicket自动创建可收藏的链接:链接 10.4。外部链接 10.5。无状态链接 10.6。生成结构清晰的URL 10.7。摘要 11. Wicket模型和表格 11.1。什么是模特? 11.2。IModel和Lambda 11.3。模型和JavaBeans 11.4。Wicket形式 11.5。组件DropDownChoice 11.6。模型链 11.7。可拆卸型号 11.8。在组件中使用多个模型 11.9。使用型号! 11.10。摘要 12. Wicket详细说明 12.1。默认表单处理 12.2。表单验证和反馈消息 12.3。输入值转换 12.4。使用JSR 303验证 12.5。使用IFormSubmittingComponent提交表单 12.6。嵌套表格 12.7。多行文字输入 12.8。上传文件 12.9。使用FormComponentPanel创建复杂的表单组件 12.10。无国籍形式 12.11。使用单选按钮和复选框 12.12。使用ListMultipleChoices和Palette选择多个值 12.13。摘要 13.使用中继器显示多个项目 13.1。RepeatingView组件 13.2。ListView组件 13.3。RefreshingView组件 13.4。可分页的中继器 13.5。摘要 14.组件排队 14.1。标记层次结构和代码 14.2。改进了汽车组件 14.3。组件什么时候出列? 14.4。排队的限制 14.5。摘要 15.与Wicket的国际化 15.1。本土化 15.2。Wicket的本地化 15.3。捆绑查找算法 15.4。组件选择的本地化 15.5。国际化和模型 15.6。摘要 16. Wicket的资源管理 16.1。静态与动态资源 16.2。资源参考 16.3。包资源 16.4。向页眉部分添加资源 16.5。上下文相关资源 16.6。资源依赖性 16.7。使用资源包聚合多个资源 16.8。将JavaScript放在页面正文中 16.9。标题贡献者定位 16.10。自定义资源 16.11。安装资源 16.12。Lambda支持 16.13。共享资源 16.14。自定义资源加载 16.15。CssHeaderItem和JavaScriptHeaderItem压缩 16.16。NIO资源 16.17。资源通过模型得出 16.18。摘要 17.与JavaScript集成的示例 17.1。我们想做什么...... 17.2。......以及我们将如何做到这一点 17.3。摘要 18. Wicket高级主题 18.1。通过行为丰富组件 19.使用AJAX 19.1。如何使用AJAX组件和行为 19.2。内置AJAX组件 19.3。内置的AJAX行为 19.4。使用活动指示器 19.5。AJAX请求属性和调用侦听器 19.6。创建自定义AJAX调用侦
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值