Ask Questions and Find Answers

@FacesComponent(value = "TestComponent", createTag = true, tagName = "testComponent", namespace = "http://example.com/tags")
public class TestComponent extends FileUpload {
    public TestComponent() {
        setRendererType("TestComponent");
    }
    
    @Override
    public String getFamily() {
         return "Test";
    }
}

​​​​​​​@ManagedBean
@RequestScoped
public class TestBean {
    public String getMessage() {
        return "Hi there!";
    }

    public LocalDateTime getTime() {
        return LocalDateTime.now();
    }
}​​​

​​​​​​​<!--?xml version="1.0"?-->

<f:view     xmlns="http://www.w3.org/1999/xhtml"  xmlns:c="http://java.sun.com/jsp/jstl/core"  xmlns:bridge="http://liferay.com/faces/bridge"  xmlns:f="http://java.sun.com/jsf/core"  xmlns:h="http://java.sun.com/jsf/html"  xmlns:ui="http://java.sun.com/jsf/facelets"  xmlns:p="http://primefaces.org/ui"  xmlns:aui="http://liferay.com/tld/aui"  xmlns:portlet="http://java.sun.com/portlet_2_0"  xmlns:t="http://xmlns.jcp.org/jsf/component"  xmlns:v="http://example.com/tags">

<!-- Dialog to add Content -->
<h:form id="elementDialogForm">
&nbsp;&nbsp; &nbsp;<p:growl id="dialogGrowl" showDetail="true" />
&nbsp;&nbsp; &nbsp;<p:dialog header="Neues Newsletterelement hinzufügen"         id="addElementToContentId" widgetvar="addElementToContent">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:panelgrid styleclass="noBorder" id="elementGrid">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{paramSession.nElement.id != null}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<h:outputtext value="#{paramSession.nElement.record.getFieldValue('Bezng')} ändern" style="font-weight:bold;" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{paramSession.nElement.id == null}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<h:outputtext value="#{paramSession.nElement.record.getFieldValue('Bezng')} hinzufügen" style="font-weight:bold;" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('textarea')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:editor value="#{paramSession.nElement.text}"           style="width:500px;height:275px;"  controls="bold italic underline strikethrough subscript superscript | size | color highlight removeformat | bullets numbering | outdent indent | alignleft center alignright justify | undo redo | rule image link unlink | cut copy paste pastetext | print source" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('textinput')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column><p:inputtext value="#{paramSession.nElement.text}" placeholder="Inhalt" /></p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('link')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column><p:inputtext value="#{paramSession.nElement.text}" placeholder="Inhalt" /></p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row  rendered="#{newsletterElementBean.type('link')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column><p:inputtext value="#{paramSession.nElement.link}" placeholder="Link" /></p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('wysiwyg')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:editor value="#{paramSession.nElement.text}"           style="width:500px;height:275px;"  controls="bold italic underline strikethrough subscript superscript | size | color highlight removeformat | bullets numbering | outdent indent | alignleft center alignright justify | undo redo | rule image link unlink | cut copy paste pastetext | print source" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('upload')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:fileupload fileUploadListener="#{fileUploadView.handleFileUpload}" mode="advanced"          update="messages" auto="false" allowTypes="/(\.|\/)(gif|jpe?g|png|jpg)$/" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:growl id="messages" showDetail="true" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('uploadDocLib')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<v:testcomponent />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:row rendered="#{newsletterElementBean.type('noinput')}">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<h:outputtext value="Es wird keine Eingabe für dieses Element benötigt" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:column>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:row>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:panelgrid>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<f:facet name="footer">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<div style="overflow:auto;">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:commandbutton icon="fa fa-close" value="Abbrechen"          style="float:left;" action="#{newsletterElementBean.clearNElement()}" oncomplete="PF('addElementToContent').hide();" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:commandbutton icon="fa fa-plus-circle"          value="Ändern" style="float:right;" rendered="#{newsletterElementBean.editable}" action="#{newsletterElementBean.updateToContent()}" process=":elementDialogForm, :elementForm:nlLayout" update=":elementForm:nlLayout, :elementDialogForm:dialogGrowl, :mouseoverScript" oncomplete="PF('addElementToContent').hide();" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<p:commandbutton icon="fa fa-plus-circle"          value="Übernehmen" style="float:right;" rendered="#{!newsletterElementBean.editable}" action="#{newsletterElementBean.addToContent()}" process=":elementDialogForm" update=":elementForm:nlLayout, :elementDialogForm:dialogGrowl, :mouseoverScript" oncomplete="PF('addElementToContent').hide();">
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<f:setpropertyactionlistener value="#{paramSession.nElement}" target="#{paramSession.nElement}" />
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</p:commandbutton>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</div>
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</f:facet>
&nbsp;&nbsp; &nbsp;</p:dialog>
</h:form>

<h:form>
&nbsp;&nbsp; &nbsp;<p:dialog header="Bild auswählen"></p:dialog>
</h:form>


</f:view>

​​​​​​​writer.startElement("script", null);
        writer.write("function showDocLib(){");
            writer.write("var url = '" + documentLibURL + "';");
            writer.write("AUI().use('aui-modal','aui-dialog-iframe','aui-overlay-manager','liferay-portlet-url', function(A) {");
                writer.write("var modal = new A.Modal(");
                    writer.write("{");
                    writer.write("bodyContent: 'This is a test',");
                    writer.write("centered: true,");
                    writer.write("render: '#modal'");
                    writer.write("}");
                writer.write(").plug(A.Plugin.DialogIframe,{");
                    writer.write("uri: url," );
                    writer.write("iframeCssClass: 'dialog-iframe'");
                writer.write("}");
                writer.write(").render();");
            writer.write("});");
        writer.write("}");
        writer.endElement("script");