javascript - 让 Liferay 7 弹出窗口在底层表单中填充值

Question

我有一个 Liferay portlet，它有一个表单(正常 <form> 但我可以将其更改为 <aui:form> )。

此表单有一个只读文本输入字段(假设 fruit )和一个打开弹出窗口的链接，让用户选择水果。

在弹出窗口中，如何修改fruit基础表单中的字段值？

Answer 1

我认为一个好的方法是使用事件。

您需要监听表单页面中的事件并从弹出窗口触发该事件。

表单页面:

Liferay.on('eventName', function(e){
  //e.selectedFruit
});

在弹出窗口中:

Liferay.fire('eventName', {selectedFruit: 'orange'});

当然，您需要仔细选择事件名称以避免冲突。

例如，您可以在其前面添加 portlet namespace ，并将该事件名称作为参数发送到弹出窗口。