使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命名空间，并将该事件名称作为参数发送到弹出窗口。

Answer 2

您可以使用liferay合金UI。 本教程可能有所帮助 https://alloyui.com/examples/color-picker/popover