A questo punto andiamo ad inserire in fondo alla pagina JSP il blocco di codice AlloyUI necessario ad inizializzare ed utilizzare il componente di selezione di un file dalla Document Library di Liferay.

<aui:script use="liferay-dl-util">
    new Liferay.DLUtil.FileSelector({
        /* nome del contenitore HTML impostato sopra */
        container: '#<portlet:namespace/>fileSelector',
        /* oggetto di configurazione del widget A.Dialog */
        dialog: {
            centered: true,
            modal: true,
            title: '<liferay-ui:message key="please-select-file" />'
        },
        /* selettore CSS che identifica il campo in cui verrà inserito in automatico lo UUID del documento */
        hiddenInput: '#<portlet:namespace/>uuid',
        /* eventi messi a disposizione dal widget */
        on: {
            click: function(button, event) {
                /*
                 * Funzione invocata alla pressione del pulsante, prima che venga visualizzata la dialog; inserire
                 * qui il vostro codice, se serve
                 */
            },
            select: function(contextPath, uuid, title, version) {
                /*
                 * Funzione invocata "dopo" la selezione del file nella dialog; inserire qui il vostro codice nel caso
                 * in cui sia necessario gestire altre informazioni oltre lo UUID del documento
                 */

                // questo codice non fa altro che visualizzare nella textarea, definita sopra, tutte le informazioni
                // messe a disposizione dal widget
                var area = A.one('#<portlet:namespace/>fileArea');
                var msg = 'ContextPath: ' + contextPath + '\n' +
                          'UUID: ' + uuid + '\n' +
                          'Title: ' + title + '\n' +
                          'Version: ' + version;
                area.val(msg);
            }
        }
    }).render();
</aui:script>