在LifeRay Portlet中使用Alloy UI

Question

我需要在LifeRay Portlet中验证表单。 经过一些研究，我了解到LifeRay有两种验证形式的方法：使用Alloy UI标签库和使用Alloy UI javascript库。 使用taglibs是旧的方法（如果我错了，请纠正我）。

因此，我想使用Alloy UI Javascript库进行验证。 但是，如何将其包括在portlet中呢？ 据我了解，自6.x版本以来，Alloy UI JS库与LifeRay捆绑在一起。 可能需要指定<header-portlet-css>和<header-portlet-javascript>吗？ 因为似乎Alloy UI没有自动包含在每个Portlet中。

Answer 1

这是一个示例。

在您的Portlet JSP中插入具有正确use属性的Alloyui taglib，使其在上下文中具有A.FormValidator对象：

<aui:script use="aui-form-validator">

var validator = new A.FormValidator({
    boundingBox: form,
    rules: {
        '<portlet:namespace />emailAddress': {
            email: true
        },
        '<portlet:namespace />countryId': {
            required: true
        }
    },
    strings: {
        required: '<liferay-ui:message key="this-field-is-required" />'
    }
});

</aui:script>