Instructions for FormType in PHP Symfony (Part 1)

Wednesday, 22/07/2020

Tram Ho

Hello everyone today I will guide you, especially those new to the Symfony framework how to create FormType using common or common field types. I forgot to follow this post I will continue the next article on how to self-customize custom errors or how to check validations for special cases, don’t say much more, let’s start

Component form

Form components are basically a tool or something that will help you solve problems that often arise from end-users when users manipulate data such as adding, editing, and deleting. To create the Form you do the following:

use SymfonyComponentFormExtensionHttpFoundationHttpFoundationExtension;
use SymfonyComponentFormForms;

$formFactory = Forms::createFormFactoryBuilder()
    -&gt;addExtension(new HttpFoundationExtension())
    →getFormFactory();

use SymfonyComponentFormExtensionHttpFoundationHttpFoundationExtension;

use SymfonyComponentFormForms;

$formFactory = Forms::createFormFactoryBuilder()

->addExtension(new HttpFoundationExtension())

→getFormFactory();

To handle the data submitted we use the handleRequest () function, we only need to pass the parameter is the Request object.

$form-&gt;handleRequest($request);

1 2	$form->handleRequest($request);

Example: Create a simple form

// src/Controller/TaskController.php
namespace AppController;

use SymfonyBundleFrameworkBundleControllerAbstractController;
use SymfonyComponentFormExtensionCoreTypeDateType;
use SymfonyComponentFormExtensionCoreTypeTextType;

class TaskController extends AbstractController
{
    public function new(Request $request)
    {
        $form = $this-&gt;createFormBuilder()
            -&gt;add('task', TextType::class)
            -&gt;add('dueDate', DateType::class)
            -&gt;getForm();

        $form-&gt;handleRequest($request);

        if ($form-&gt;isSubmitted() &amp;&amp; $form-&gt;isValid()) {
            $data = $form-&gt;getData();

            // ... Xử lý logic ở đây, ví dụ như save data vào DB chảng hạn

            return $this-&gt;redirectToRoute('task_success');
        }

        // ...
    }
}

// src/Controller/TaskController.php

namespace AppController;

use SymfonyBundleFrameworkBundleControllerAbstractController;

use SymfonyComponentFormExtensionCoreTypeDateType;

use SymfonyComponentFormExtensionCoreTypeTextType;

class TaskController extends AbstractController

{

public function new(Request $request)

{

$form = $this->createFormBuilder()

->add('task', TextType::class)

->add('dueDate', DateType::class)

->getForm();

$form->handleRequest($request);

if ($form->isSubmitted() && $form->isValid()) {

$data = $form->getData();

// ... Xử lý logic ở đây, ví dụ như save data vào DB chảng hạn

return $this->redirectToRoute('task_success');

}

// ...

}

Display the form on the view page:

{{ form_start(form) }}
    {{ form_widget(form) }}

    &lt;input type="submit"/&gt;
{{ form_end(form) }}

Then when you come to this step, you will have for yourself a displayed form, but there are still problems as to validate (I will talk in the next article) or how to adjust the FieldType inside it. In my opinion, please continue reading below.

Text Fields

Text Fields in this group include field types that allow us to enter data such as TextType, TextareaType, NumberType, PasswordType, etc. The common options available in TextType are:

attr : This option allows us to add attributes to the field when displayed in HTML, the value entered is of the array type.
data This allows us to set values for the field, the value of the input is all data types.
disabled : If you do not want the user to change data on the field then you use this option, the input value is boolean and the setting will be false.
label : set the label for this field
mapped : this option is when you want the field to be mapped with the same data structure as previously defined, for example, when you have defined an Enity / Model with so many attributes / attributes, when setting the value to true then It will automatically map to the Enity / Model that you have defined, and in case of false , you can create a field whose name does not have in the attributes / attributes of an Enity / Model. Temporarily is like that later I will have an article that talks more about this and how to use it in real life.
required : The name says it all
…

And there are many other options, but these are the most common options in the Text Fields group Example: How to create a Text Field

$builder-&gt;add('name', TextType::class, [
    'required' =&gt; false,
    'attr' =&gt; [
        'placeholder' =&gt; ‘Please enter your name’,
        'class' =&gt; 'text-input col-sm-10',
    ],
    'constraints' =&gt; [
        new NotBlank(),
        new Length([
            'max' =&gt; 100,
            'maxMessage' =&gt; trans('message.length.max'),
        ]),
    ],
])

$builder->add('name', TextType::class, [

'required' => false,

'attr' => [

'placeholder' => ‘Please enter your name’,

'class' => 'text-input col-sm-10',

'constraints' => [

new NotBlank(),

new Length([

'max' => 100,

'maxMessage' => trans('message.length.max'),

]),

])

Choice Fields

Choice Fields allows users to select one or more gen when it will be select tags, radio …. Within this group is ChoiceType, EntityType is frequently used. Since this is used frequently, this article I will only say these two

ChoiceType : When this gene generates HTML, it is a select tag, we can change it to become a dropdown or select, a group of radio buttons
EntityType : This one I often use it to create dropdown fish (when the gene is also select). The difference between these two is that: ChoiceType is only used to display simple data of hard set data such as using it to display values in enums, for example, and EntityType is used for displaying Display data loaded from database. The options in the Choice Fields group are not much different from the Text Fields except:

choice_attr : Often used to add attributes to each select option’s tags
group_by : if you already know that 1 select it allows splitting up groups then this will work like that
multiple : this option allows us to select multiple (multi select / choice) or not.
…

Example: How to create a ChoiceType

$builder-&gt;add('order_type', ChoiceType::class, [
    'required' =&gt; false,
    'multiple' =&gt; false,
    'placeholder' =&gt; 'Please choice...',
    'choices' =&gt; [
        '0' =&gt; 'DESC',
        '1’ =&gt; 'ASC',
    ],
    'attr' =&gt; [
        'class' =&gt; 'order-select',
    ],
])

$builder->add('order_type', ChoiceType::class, [

'required' => false,

'multiple' => false,

'placeholder' => 'Please choice...',

'choices' => [

'0' => 'DESC',

'1’ => 'ASC',

'attr' => [

'class' => 'order-select',

])

Example: How to create an EntityType

$builder-&gt;add('order_type', EntityType::class, [
    'class' =&gt; OrderType::class,
    'choice_label' =&gt; 'order_type',
    'expanded' =&gt; false,
         'placeholder' =&gt; 'Please Choice….’,
    'constraints' =&gt; [
        new NotBlank(),
    ],
    'query_builder' =&gt; function (EntityRepository $er) {
        return $er-&gt;createQueryBuilder('ot')-&gt;orderBy('ot .id', 'ASC');
    },
    
    'choice_value' =&gt; function ( OrderType $oderType = null) {
            return $ oderType ? $oderType-&gt;getId() : null;
    },
    'choice_label' =&gt; function ( OrderType $category = null) {
            return $ oderType ? $oderType-&gt;getName() : null;
    },
])

$builder->add('order_type', EntityType::class, [

'class' => OrderType::class,

'choice_label' => 'order_type',

'expanded' => false,

'placeholder' => 'Please Choice….’,

'constraints' => [

new NotBlank(),

'query_builder' => function (EntityRepository $er) {

return $er->createQueryBuilder('ot')->orderBy('ot .id', 'ASC');

'choice_value' => function ( OrderType $oderType = null) {

return $ oderType ? $oderType->getId() : null;

'choice_label' => function ( OrderType $category = null) {

return $ oderType ? $oderType->getName() : null;

])

That’s all in general, this should be enough

Date and Time Fields

The fields in this group will have a way of displaying on HTML as inputs that allow to set the day / month / year or time, it can display in many different ways via widgets. A quick glance at some of the options is very similar to Choice Fields and TextFields. Example: How to create a DateType:

$builder-&gt;add('published_at', DateType::class, [
    'widget' =&gt; 'single_text',
    'input'  =&gt; 'datetime_immutable'
    'attr' =&gt; ['class' =&gt; 'js-datepicker'],
    'placeholder' =&gt; 'Select a value',
    'placeholder' =&gt; 'Select a value',
]);

$builder->add('published_at', DateType::class, [

'widget' => 'single_text',

'input' => 'datetime_immutable'

'attr' => ['class' => 'js-datepicker'],

'placeholder' => 'Select a value',

]);

Other fields such as: Field Group, Hidden Fields, Button are nothing special, but there are still a lot of things to say like validation, form collection …. In summary, I have introduced fields that are often Meet most, the next article I will guide on how to validate, custom validation on a form.

Refer

Reference: https://symfony.com/doc/current/reference/forms/types.html

Share the news now

Source : Viblo

Instructions for FormType in PHP Symfony (Part 1)

Component form

Text Fields

Choice Fields

Date and Time Fields

Refer

TikTok becomes the second largest social platform in South Africa

The fastest depreciating after 9 months of launch, iPhone 14 Pro Max continues to break the bottom in Vietnam

Beginner's guide to R: Introduction

10 essential SublimeText plugins for JavaScript developers