Innanzitutto prepariamo la pagina JSP all'interno della quale andremo ad utilizzare gli oggetti Javascript; per semplicità darò per scontato che il lettore conosca il significato dei tag HTML e delle taglib utilizzate nell'esempio.

<!--
    Elemento HTML contenitore, all'interno del quale verrà visualizzato
    il pulsante per aprire la dialog di selezione del file
-->
<div id="<portlet:namespace/>fileSelector"></div>
<!--
    Questo è il campo (solitamente) nascosto in cui l'oggetto Javascript
    Liferay.DLUtil.FileSelector inserirà in automatico lo UUID del documento
    una volta selezionato; se questo campo non c'è, nulla viene valorizzato
-->
<aui:input name="uuid" disabled="true" />
<!--
    Questo campo serve solamente per questo esempio, per visualizzare
    tutte le informazioni messe a disposizione dall'oggetto Javascript
-->
<aui:input name="fileArea" type="textarea" />

Dal momento che il modulo AlloyUI mette a disposizione anche un oggetto per selezionare una cartella, aggiungiamo nella pagina JSP di esempio anche gli elementi per gestire questa seconda casistica.

<!--
    Elemento HTML contenitore, all'interno del quale verrà visualizzato
    il pulsante per aprire la dialog di selezione della cartella
-->
<div id="<portlet:namespace/>folderSelector"></div>
<!--
    Questo è il campo (solitamente) nascosto in cui l'oggetto Javascript
    Liferay.DLUtil.FolderSelector inserirà in automatico il folderId della cartella
    una volta selezionata; se questo campo non c'è, nulla viene valorizzato
-->
<aui:input name="folderId" disabled="true" />
<!--
    Questo campo serve solamente per questo esempio, per visualizzare
    tutte le informazioni messe a disposizione dall'oggetto Javascript
-->
<aui:input name="folderArea" type="textarea" />