Delete
Do Record
Setting
Add New Item
Menu List
| Title | Content Type | Order | Action | ||||||
|---|---|---|---|---|---|---|---|---|---|
| {{kb_content.name}} {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
| {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
| No record | |||||||||
Status: published
Programming, Software and application
2020-10-14 16:12:27
Step 5: Grails form design
1143
This is complete tutorial to build an application using grails 3.x. There are several parts of tutorial where every part has a specific objective and several steps. So it is a step by step tutorial to build a complete application using grails 3.x.
এই কোর্সে যা থাকছে
৩টি বিষয়
৮০টি লাইভ ক্লাস
We will design a form using Grails form in this step. First of all we need to create a page for this, for page we need to create a controller and action. We want to design in contact page. So we need to create a controller named ContactController using grails command as following
grails create-controller contact
After creating controller, you will see this controller with default action index. Same index action, create a new action name add. We will work in add action, for that we have to follow bellow things
1. create a page under views/contact which name is add.gsp and add content as follows
<div id="content" role="main">
<section class="row">
<g:if test="${flash.message}">
<div class="message" role="alert">
${flash.message}
</div>
</g:if>
<g:form controller="contact" action="add" class="form">
<div class="form-group">
<label for="firstName">First Name</label>
<g:textField name="firstName" required="" placeholder="First Name" value="${params?.firstName}" />
</div>
<div class="form-group">
<label for="lastName">Last Name</label>
<g:textField name="lastName" required="" placeholder="Last Name" value="${params?.lastName}" />
</div>
<div class="form-group">
<label for="email">Email </label>
<g:textField name="email" required="" placeholder="Email" value="${params?.email}" />
</div>
<div class="form-group">
<label for="city">City </label>
<g:textField name="city" required="" placeholder="City" value="${params?.city}" />
</div>
<div class="form-group">
<label for="country">Country </label>
<g:textField name="country" required="" placeholder="Country" value="${params?.country}" />
</div>
<div class="form-group">
<label for="message">Message </label>
<g:textArea name="message" rows="5" cols="80" required="" placeholder="Message" value="${params?.message}" />
</div>
<div class="checkbox">
<label>
<input type="checkbox">Send a copy
</label>
</div>
<fieldset>
<g:submitButton name="send" value="Send" class="btn btn-success" />
</fieldset>
</g:form>
</section>
</div>
For more HTML and Form tags, http://docs.grails.org/3.0.17/ref/Tags/actionSubmit.html