README

Add AJAX capability to Formhandler. File upload, validation, submit.

Usage

Use Formhandler AJAX viewhelper to render your form. This will automatically enable AJAX file upload. To enable AJAX submit of the form set option ajaxSubmit = 1 in your form's TypoScript setup.

Furthermore, a new ViewHelper for an AJAX based file removal button is added.

<html
    data-namespace-typo3-fluid="true"
    lang="en"
    xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
    xmlns:fh="http://typo3.org/ns/Rfuehricht/Formhandler/ViewHelpers"
    xmlns:fhajax="http://typo3.org/ns/Rfuehricht/FormhandlerAjax/ViewHelpers"
    xmlns:hcaptcha="http://typo3.org/ns/Waldhacker/Hcaptcha/ViewHelpers"
>

<fhajax:form enctype="multipart/form-data">
    ...
    <f:if condition="{files.file -> f:count()} > 0">
        <ul>
            <f:for as="file" each="{files.file}" key="index">
                <li><div>{file.name} ({file.size -> f:format.bytes()})
                    <fhajax:fileRemoveButton file="{file}" removeElement="li" value="X" />
                </div></li>
            </f:for>
        </ul>
    </f:if>
    ...
</fhajax:form>

</html>

rfuehricht / formhandler-ajax

Maintainers

Details

README

Usage