CODEWITHSUNDEEP
formsgrailsgspscaffolding
Bmoe
Bmoe

Reputation: 978

Import the _form.gsp template from Grails 2 to Grails3

I'm working in Grails 3.3.3 and generated views for my domain class. I was shocked to see the removal of the _form.gsp file! The form is basically rendered dynamically in create.gsp now as shown below:

<!DOCTYPE html>
<html>
    <head>
        <meta name="layout" content="main" />
        <g:set var="entityName" value="\${message(code: '${propertyName}.label', default: '${className}')}" />
        <title><g:message code="default.create.label" args="[entityName]" /></title>
    </head>
    <body>
        <a href="#create-${propertyName}" class="skip" tabindex="-1"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
        <div class="nav" role="navigation">
            <ul>
                <li><a class="home" href="\${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
                <li><g:link class="list" action="index"><g:message code="default.list.label" args="[entityName]" /></g:link></li>
            </ul>
        </div>
        <div id="create-${propertyName}" class="content scaffold-create" role="main">
            <h1><g:message code="default.create.label" args="[entityName]" /></h1>
            <g:if test="\${flash.message}">
            <div class="message" role="status">\${flash.message}</div>
            </g:if>
            <g:hasErrors bean="\${this.${propertyName}}">
            <ul class="errors" role="alert">
                <g:eachError bean="\${this.${propertyName}}" var="error">
                <li <g:if test="\${error in org.springframework.validation.FieldError}">data-field-id="\${error.field}"</g:if>><g:message error="\${error}"/></li>
                </g:eachError>
            </ul>
            </g:hasErrors>
            <g:form resource="\${this.${propertyName}}" method="POST">
                <fieldset class="form">
                    <g:render template="form"/>
                </fieldset>
                <fieldset class="buttons">
                    <g:submitButton name="create" class="save" value="\${message(code: 'default.button.create.label', default: 'Create')}" />
                </fieldset>
            </g:form>
        </div>
    </body>
</html>

I liked the actual form template from Grails 2 that listed each property of a class separately. It was easier to customize forms (ex. add drop-down on the form page). Example below for an Employee class (_form.gsp):

<%@ page import="com.djamware.Employee" %>



<div class="fieldcontain ${hasErrors(bean: employeeInstance, field: 'email', 'error')} required">
    <label for="email">
        <g:message code="employee.email.label" default="Email" />
        <span class="required-indicator">*</span>
    </label>
    <g:field type="email" name="email" required="" value="${employeeInstance?.email}"/>

</div>

<div class="fieldcontain ${hasErrors(bean: employeeInstance, field: 'created', 'error')} required">
    <label for="created">
        <g:message code="employee.created.label" default="Created" />
        <span class="required-indicator">*</span>
    </label>
    <g:datePicker name="created" precision="day"  value="${employeeInstance?.created}"  />

</div>

<div class="fieldcontain ${hasErrors(bean: employeeInstance, field: 'name', 'error')} required">
    <label for="name">
        <g:message code="employee.name.label" default="Name" />
        <span class="required-indicator">*</span>
    </label>
    <g:textField name="name" required="" value="${employeeInstance?.name}"/>

</div>

<div class="fieldcontain ${hasErrors(bean: employeeInstance, field: 'position', 'error')} required">
    <label for="position">
        <g:message code="employee.position.label" default="Position" />
        <span class="required-indicator">*</span>
    </label>
    <g:textField name="position" required="" value="${employeeInstance?.position}"/>

</div>

<div class="fieldcontain ${hasErrors(bean: employeeInstance, field: 'salary', 'error')} required">
    <label for="salary">
        <g:message code="employee.salary.label" default="Salary" />
        <span class="required-indicator">*</span>
    </label>
    <g:field name="salary" value="${fieldValue(bean: employeeInstance, field: 'salary')}" required=""/>

</div>

Now yes I could just borrow a _form.gsp file from a Grails 2 project and edit it at-will but isn't there a way to just generate the form in Grails 3?

EDIT: Also if I cannot generate the form then how do I customize the fields (ex. Change format of a date field or combine two field values) ?

Upvotes: 0

Views: 289

Answers (1)

Jeff Scott Brown
Jeff Scott Brown

Reputation: 27200

...but isn't there a way to just generate the form in Grails 3?

No.

Upvotes: 1

Related Questions