T5 技巧 2：为Grid组件的每一行增加“删除/修改”链接。

[color=red]现在正在使用T5开发一个小项目。 因为现在T5还正处于发展中。 而且没有像T4一样有许多的文档。 和例子(Workbench, Vlib)。 所以我会把在这个开发中遇到的一些问题记录下来。[/color]

记得在T4中是使用一组字符串来作为table columns。 为了加上删除/修改按钮的话，我们就只要加上"!operation" 这样的字符串， 然后用block render td就行了。但是到了T5中。 并没有提供这样的属性。

在看了Grid组件的参数后。 我们发现model 这个参数。 毫无疑问这个参数是用来定义Bean中要显示的列， 是否排序， 显示的顺序 等等。 具体可以看org.apache.tapestry.beaneditor.BeanModel。org.apache.tapestry.services.BeanModelSource. org.apache.tapestry.beaneditor.PropertyModel. 这些接口和他们的实现类。

那我们要怎样增加这样的“删除/修改”列呢？ 因为column必须是要在Bean中的一个property。 所以最直接的方法是在Bean中增加这样的一个假的属性。 比如。

[code]
class User {

private int id;
private String name;

// add a fake property. However this property shouldn't use except in grid render.
private String operationColumn;


//...............other properties...........

// .................getter/setter methods

}
[/code]


[code]<t:parameter t:name="operationColumnCell">
<a t:type="ActionLink" t:id="deleteLink" context="currentRow.id">删除</a>
</t:parameter>[/code]

ok. 这样我们就实现了这个“删除/修改”列。

但是大家可能都会觉得这样不爽。因为operationColumn污染了我们的User类。

下面介绍种不污染的方法。

我们还是要从model这个参数下手。。

我们需要build一个beanModel

[code]package com.javaeye.dengyin2000.gtts.tapestry;


import java.lang.annotation.Annotation;


import org.apache.tapestry.PropertyConduit;


public class OperationPC implements PropertyConduit {

public Object get(Object arg0) {

return "";

}


public Class getPropertyType() {

return String.class;

}


public void set(Object arg0, Object arg1) {

}


public <T extends Annotation> T getAnnotation(Class<T> arg0) {

return null;

}

}[/code]


[code]public static BeanModel buildDriverBeanModel(BeanModelSource beanModelSource, ComponentResources componentSources){
if (driverBeanModel == null){

PropertyConduit operationPC = new OperationPC();

driverBeanModel = beanModelSource.create(Driver.class, false, componentSources);
driverBeanModel.remove("id", "sex", "photo", "address", "sexType", "national");
driverBeanModel.get("name").label("姓名").order(0);
driverBeanModel.get("idCard").label("身份证").order(1);
driverBeanModel.get("telNo").label("电话号码").order(2);
driverBeanModel.get("carNo").label("车牌号码").order(3);
driverBeanModel.get("carLong").label("车长（米）").order(4);
driverBeanModel.get("carWidth").label("车宽（米）").order(5);
driverBeanModel.get("carHeight").label("车高（米）").order(6);

[color=red][b]driverBeanModel.add("operation", operationPC).label("操作").order(7).sortable(false);[/b][/color]
}
return driverBeanModel;
}[/code]


在 page 类。


[code] @Inject
private BeanModelSource beanModelSource;
@Inject
private ComponentResources componentSources;
..........................................
public BeanModel getDriverBeanModel(){
return MiscUtils.buildDriverBeanModel(beanModelSource, getComponentSources());
} [/code]


html template:

[code]<table t:id="driverGrid" t:type="Grid" model="driverBeanModel" source="driverSource" row="currentRow" empty="nodata" pagerPosition="bottom" rowsPerPage="12" class="xx">
[color=red][b] <t:parameter t:name="operationCell">
<a t:type="ActionLink" t:id="deleteLink" context="currentRow.id">删除</a>
</t:parameter>[/b][/color]
</table>[/code]


ok。

参考：http://www.nabble.com/T5---Adding-modify-delete-actions-to-a-Grid-t3370935.html#a9379935