(转载)Tapestry最新版5.1.0.5教程(十一):自定义组件CheckBoxGroup

我记得好像是Appfuse的作者曾经这样评价过Tapestry:只要你真正掌握了Tapestry,你的开发效率将会得到极大的提高。为什么呢?我认为他这样说的一个重要原因就是Tapestry的组件机制。Tapestry提供了非常便利的组件定义机制,随着Tapestry的组件不断积累,Tapestry的开发将会变得越来越简单。

本文就用一个实例来看一下Tapestry中是如何添加一个自定义组件的。
Tapestry的内置组件只提供了checkbox,而且只能返回一个boolean,用于表明是否被选中。

比如:要进行一个群众喜爱的水果调查,选项有: 苹果,葡萄,桃子,香蕉...,就需要对应每个选项设置一个布尔型变量,显得比较繁琐。

这里我们将添加一个组件用于将一组checkbox集中起来返回一个逗号分隔的字符串值。
通过查看Tapestry中的checkbox的源码(已经附在文章的后面)可以知道,Tapestry可以很容易地通过Request来获取Form中的变量的值。

[size=medium]遇到的问题:[/size]
Tapestry的checkbox组件不允许设置相同的name,如果name相同,Tapestry会自动在name后面添加后缀来使之不同。
If a component renders multiple times, a suffix will be appended to the to id to ensure uniqueness ([color=blue]http://tapestry.apache.org/tapestry5.1/tapestry-core/ref/org /apache/tapestry5/corelib/components/Checkbox.html[/color]) 。如果各checkbox的name不同,我们无法通过request来获得一组checkbox的值。

[size=medium]思路:[/size]
在页面模板中不使用tapestry的checkbox组件,而使用Html的checkbox,这样可以避免tapestry自动修改checkbox的name。

添加一个新的tapestry组件,来映射接受所有同名的checkbox的值,并把值返回给tapestry页面中对应的变量。这个组件需要有一个属性,这个属性的值就是所有同组checkbox的name,这样,这个组件就可以通过Request来获取所有相同name的checkbox的值。

[size=medium]代码:[/size]

public class CheckBoxGroup extends AbstractField {

@SuppressWarnings("unused")
@Parameter(required = true, autoconnect = true)
private String value;

@Parameter(required = true, autoconnect = true)
private String groupName;

@Inject
private Request request;

@SuppressWarnings("unused")
@Mixin
private RenderDisabled renderDisabled;

@Inject
private ComponentResources resources;

@BeginRender
void begin(MarkupWriter writer)
{
writer.element("input", "type", "checkbox",
"name", groupName,
"id", getClientId(),
"style", "display:none");

resources.renderInformalParameters(writer);

decorateInsideField();
}

@AfterRender
void after(MarkupWriter writer)
{
writer.end(); // input
}

@Override
protected void processSubmission(String elementName)
{
String elementValue = "";
String[] valueArray = request.getParameters(groupName);
if ( valueArray != null && valueArray.length > 0 ) {
elementValue = valueArray[0];
for ( int i = 1; i < valueArray.length; i ++ ) {
elementValue += "," + valueArray[i];
}
}
value = elementValue;
}
}


[size=medium]组件的使用:[/size]

<t:CheckBoxGroup t:groupName="literal:bookId" t:value="selectedBooks"/>
<t:loop source="bookList" value="book" encoder="encoder">
<div><input type="checkbox" name="bookId" value="${book.id}"/> ${book.name}</div>
</t:loop>

[size=medium][color=red]注意:checkBoxGroup的groupName和其他checkbox的name必须一致,checkBoxGroup的value的值就是页面中的变量名[/color][/size]


@SuppressWarnings("unused")
@Property
private final ValueEncoder<Book> encoder = new ValueEncoder<Book>() {
public String toClient(Book value) {
return String.valueOf(value.getId());
}
public Book toValue(String clientValue) {
return bookDao.getBook(Integer.parseInt(clientValue));
}
};

public List<Book> getBookList() {
return bookDao.getBooks();
}

@SuppressWarnings("unused")
@Property
private Book book;

@SuppressWarnings("unused")
@Property
private String selectedBooks;


[size=medium][color=blue]原文地址:[url]http://www.blogjava.net/usherlight/archive/2010/02/12/312607.html[/url][/color][/size]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值