如何修改gvNIX的百叶窗组件显示的结果

Question

是否有任何方法来修改gvNIX的百叶窗组件显示的结果(即标题)？

我使用以下命令创建扬声器组件：

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

这样，组件将地址显示为结果(属性地址)。我怎样才能同时显示由地址斜杠分隔的邮政编码(属性代码)？就像这样：

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

Answer 1

要做到这一点，您需要实现--您自己的javascript函数，并将其设置为百叶窗字段上的属性。

1. 在jspx视图中，将"onDrawFunction“属性添加到具有函数名(如"onDrawPersonAddress”)的扬声器字段中。
2. 打开生成的文件"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

诚挚的问候,