如何修改gvNIX的放大镜组件显示的结果答案

【问题标题】：How to modify the results displayed by the loupe component of gvNIX如何修改gvNIX的放大镜组件显示的结果
【发布时间】：2014-09-19 16:19:38
【问题描述】：

有没有办法修改gvNIX的放大镜组件显示的结果（即caption）？

我使用以下命令创建放大镜组件：

web mvc loupe setup 
web mvc loupe set --controller ~.web.PersonController
web mvc loupe field --controller ~.web.PersonController --field personAddress --additionalFields address,code,town --caption address

这样，组件将地址显示为结果（属性地址）。如何还显示由地址的斜线分隔的邮政编码（属性 code）？像这样的：

Address 1 - 47562
Address 2 - 57520
Address 3 - 8213P
   View more...

【问题讨论】：

请在 StackOverflow 使用英语。
是否需要使用英语或任何语言都可以？
好的，我在帮助中读到了这一点，看来需要英语才能让版主能够查看问题和答案。有一个用西班牙语为 Stack Overflow 创建新站点的公开提案，请在 area51.stackexchange.com/proposals/42810 投票

标签： spring-roo gvnix gvnix-es

【解决方案1】：

为此，您需要实现您自己的 javascript 函数，并将其设置为放大镜字段的属性。

在您的 jspx 视图中，将“onDrawFunction”属性添加到您的放大镜字段，函数名称类似于“onDrawPersonAddress”。
打开生成的文件“src/main/webapp/scripts/loupefield/loupe-callbacks.js”，实现如下onDrawPersonAddress函数

function onDrawPersonAddress(oData){
   return oData.address + " - " + oData.code;
}

通过这些简单的步骤，您可以修改放大镜结果上显示的内容。

你也可以返回一个 HTML 结构。

如果您需要有关放大镜字段的更多信息，可以查看 gvNIX 手册或快速入门应用指南：

https://github.com/DISID/gvnix-samples/tree/master/quickstart-app#loupe-fields

最好的问候，

【讨论】：