在DisplayTag中创建下拉行

我目前正在为表格数据使用displaytag,但我想创建一个“kayak.com-like”界面,当用户单击一行时,将显示有关特定行的详细信息,而不刷新页面。

例如,在单击第1行的详细信息链接之前:

第1列第1列第2列第3列第4列详细信息
第2列第1列第2列第3列第4列详细信息
第3列第1列第2列第3列第4列详细信息

单击后:

第1列第1列第2列第3列第4列详细信息
--------第1行详细信息-----------
第2列第1列第2列第3列第4列详细信息
第3列第1列第2列第3列第4列详细信息

我尝试使用一个装饰器返回可以实现此目的的javascript。将执行javascript,但它只反映在呈现它的列中。我希望插入一个数据不影响displaytag分页和排序的新行。

例如。:

public class CustomDecorator extends TableDecorator {
   public String getDetailsRow() {
      MyObject object = (MyObject)this.getCurrentRowObject();
      return "<a onClick=\"myjsfunction(object.getId()); return true\">Details</a>";
   }
}

…在JSP中,我将在display:table标记之间嵌套一个detailsRow属性:

<display:column property="detailsRow" sortable="false" />

有什么关于如何正确插入新行的提示吗?解决方案可能是以编写JavaScript的方式——我不是JavaScript的专家,因此任何提示都会受到赞赏。有没有更好的方法来处理displaytag?我也不知道displaytag与javascript有任何明确的集成(比如“onclick”参数)。

这是我关于stackoverflow的第一个问题,顺便说一句,请告诉我您是否需要更多的细节。