Подробнее о докладчике: http://goo.gl/Iz2m0b Видео презентации: https://youtu.be/La1h92JdAe8 Подписывайтесь на нас! VK: https://vk.com/drupalsib FB: https://facebook.com/groups/drupalsib Twitter: https://twitter.com/SibDrupalCamp https://twitter.com/DrupalSib Instagram: https://instagram.com/drupalsib

1. FormAPI + Drupal 8
Form and AJAX
Mikhail Kraynuk

2. Mikhail Kraynuk
Drupal Senior Developer
About my experience in Drupal
development
● Development
● Project management
● Drupal audit
● Drupal Localization

3. Mikhail Kraynuk
Drupal Senior Developer
Form API Drupal 8
OK
Class
namespase
function
Object-oriented programming
extends
use

4. Mikhail Kraynuk
Drupal Senior Developer
New Form
<?php
/**
*
@file
*
Contains
DrupalExampleFormExampleForm.
*/
namespace
DrupalexampleForm;
use
DrupalCoreFormFormBase;
use
DrupalCoreFormFormStateInterface;
/**
*
Provides
a
simple
example
form.
*/
class
ExampleForm
extends
FormBase
{
}
public function getFormID()
public function buildForm($form, $form_state)
public function validateForm(&$form, $form_state)
public function submitForm(&$form, &$form_state)

5. Mikhail Kraynuk
Drupal Senior Developer
Form ID
/**
*
Implements
DrupalCoreFormFormInterface::getFormID().
*/
public
function
getFormID()
{
return
’my_special_form’;
}
/**
*
Form
builder
for
my
form.
*/
function
my_special_form($form,
&$form_state)
{…} Drupal 7

6. Mikhail Kraynuk
Drupal Senior Developer
Form builder
/**
*
Implements
DrupalCoreFormFormInterface::buildForm().
*/
public
function
buildForm(array
$form,
FormStateInterface
$form_state,
$a
=
0)
{
$form['my_text_field']
=
array(
'#type'
=>
'textfield',
'#title'
=>
'Example',
);
return
$form;
}

7. Mikhail Kraynuk
Drupal Senior Developer
Form validate
/**
*
Implements
DrupalCoreFormFormInterface::validateForm().
*/
public
function
validateForm(array
&$form,
FormStateInterface
$form_state)
{
if (strlen($form_state-­‐>getValue('phone_number')) < 3) {
$form_state-­‐>setErrorByName('phone_number', $this-­‐>t('The phone number is too short.'));
}
}

8. Mikhail Kraynuk
Drupal Senior Developer
Form submit
/**
*
Implements
DrupalCoreFormFormInterface::submitForm().
*/
public
function
submitForm(array
&$form,
FormStateInterface
$form_state)
{
$phone
=
$form_state-­‐>getValue('phone_number');
}

9. Mikhail Kraynuk
Drupal Senior Developer
Get form
$form
=
Drupal::formBuilder()-­‐>getForm('DrupalExampleFormExampleForm');
$form
=
Drupal::formBuilder()-­‐>getForm('DrupalExampleFormExampleForm',
'test');

10. Mikhail Kraynuk
Drupal Senior Developer
Special forms

11. Mikhail Kraynuk
Drupal Senior Developer
Settings form
use
DrupalCoreFormFormBase;
use
DrupalCoreFormConfigFormBase;
class
ExampleConfigForm
extends
ConfigFormBase
{
...
public
function
buildForm(array
$form,
FormStateInterface
$form_state)
{
$form
=
parent::buildForm($form,
$form_state);
...
return
$form;
}
...
}
system_settings_form() Drupal 7

12. Mikhail Kraynuk
Drupal Senior Developer
Confirm form
use
DrupalCoreFormFormBase;
use
DrupalCoreFormConfirmFormBase;
class
ExampleConfigForm
extends
ConfirmFormBase
{
...
public
function
buildForm(array
$form,
FormStateInterface
$form_state)
{
$form
=
parent::buildForm($form,
$form_state);
...
return
$form;
}
...
}
confirm_form() Drupal 7

13. Mikhail Kraynuk
Drupal Senior Developer
AJAX

14. Mikhail Kraynuk
Drupal Senior Developer
AJAX
OK
OK
AJAX
AJAX commands

15. Mikhail Kraynuk
Drupal Senior Developer
1. Add Ajax namespace
<?php
/**
*
@file
*
Contains
DrupalExampleFormExampleForm.
*/
namespace
DrupalexampleForm;
use
DrupalCoreFormFormBase;
use
DrupalCoreFormFormStateInterface;
use
DrupalCoreAjaxAjaxResponse;
use
DrupalCoreAjaxHtmlCommand;
/**
*
Provides
a
simple
example
form.
*/
class
ExampleForm
extends
FormBase
{
...
}

16. Mikhail Kraynuk
Drupal Senior Developer
2. Add Ajax-callback
/**
*
Provides
a
simple
example
form.
*/
class
ExampleForm
extends
FormBase
{
public
function
getFormID()
public
function
buildForm(array
$form,
FormStateInterface
$form_state)
public
function
validateForm(array
&$form,
FormStateInterface
$form_state)
public
function
submitForm(array
&$form,
FormStateInterface
$form_state)
public
function
validateAjaxPhone(array
&$form,
FormStateInterface
$form_state)
}

17. Mikhail Kraynuk
Drupal Senior Developer
3. Update field
public
function
buildForm(array
$form,
FormStateInterface
$form_state)
{
...
$form['my_phone']
=
array(
'#type'
=>
'tel',
'#title'
=>
$this-­‐>t('Phone number'),
'#description'
=>
$this-­‐>t('Enter your phone number with “+”.'),
'#ajax'
=>
array(
'callback'
=>
array($this,
'validateAjaxPhone'),
'event'
=>
'change',
'progress'
=>
array(
'type'
=>
'throbber',
'message'
=>
$this-­‐>t('verifying…'),
),
),
'#suffix'
=>
'<span
class=“valid-­‐message”></span>',
);
return
$form;
}

18. Mikhail Kraynuk
Drupal Senior Developer
4. Fill Ajax-callback
public
function
validateAjaxPhone(array
&$form,
FormStateInterface
$form_state)
{
$response
=
new
AjaxResponse();
if (substr($form_state-­‐>getValue('my_phone'),
0,
1) == '+') {
$message
=
$this-­‐>t('Phone number is correct');
}
else {
$message
=
$this-­‐>t('Please start your phone number with “+”');
}
$response-­‐>addCommand(new
HtmlCommand('.valid-­‐message',
$message));
return
$response;
}

19. Mikhail Kraynuk
Drupal Senior Developer
Ajax result

20. Mikhail Kraynuk
Drupal Senior Developer
Ajax result

21. Mikhail Kraynuk
Drupal Senior developer
Mikhail Kraynuk
Drupal Senior Developer
kraynuk.m@i20.biz
+7 961 870-26-99
Золотой спонсор:
Спасибо!
При поддержке: Серебряный спонсор: