View source
<?php
namespace Drupal\form_api_example\Form;
use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;
class AjaxAddRemoveElements extends FormBase {
public function getFormId() {
return 'form_api_example_ajaxaddremoveelements';
}
public function buildForm(array $form, FormStateInterface $form_state) {
$form['description'] = [
'#type' => 'item',
'#markup' => $this
->t('This example shows an add-more button and a remove button for each specific element.'),
];
$num_lines = $form_state
->get('num_lines');
if ($num_lines === NULL) {
$form_state
->set('num_lines', 1);
$num_lines = $form_state
->get('num_lines');
}
$removed_fields = $form_state
->get('removed_fields');
if ($removed_fields === NULL) {
$form_state
->set('removed_fields', []);
$removed_fields = $form_state
->get('removed_fields');
}
$form['#tree'] = TRUE;
$form['names_fieldset'] = [
'#type' => 'fieldset',
'#title' => $this
->t('People coming to picnic'),
'#prefix' => '<div id="names-fieldset-wrapper">',
'#suffix' => '</div>',
];
for ($i = 0; $i < $num_lines; $i++) {
if (in_array($i, $removed_fields)) {
continue;
}
$form['names_fieldset'][$i] = [
'#type' => 'fieldset',
'#title' => $this
->t('Person') . ' ' . ($i + 1),
];
$form['names_fieldset'][$i]['firstname'] = [
'#type' => 'textfield',
'#title' => $this
->t('First name'),
];
$form['names_fieldset'][$i]['lastname'] = [
'#type' => 'textfield',
'#title' => $this
->t('Last name'),
];
$form['names_fieldset'][$i]['actions'] = [
'#type' => 'submit',
'#value' => $this
->t('Remove'),
'#name' => $i,
'#submit' => [
'::removeCallback',
],
'#ajax' => [
'callback' => '::addmoreCallback',
'wrapper' => 'names-fieldset-wrapper',
],
];
}
$form['names_fieldset']['actions'] = [
'#type' => 'actions',
];
$form['names_fieldset']['actions']['add_name'] = [
'#type' => 'submit',
'#value' => $this
->t('Add one more'),
'#submit' => [
'::addOne',
],
'#ajax' => [
'callback' => '::addmoreCallback',
'wrapper' => 'names-fieldset-wrapper',
],
];
$form['actions']['submit'] = [
'#type' => 'submit',
'#value' => $this
->t('Submit'),
];
return $form;
}
public function addmoreCallback(array &$form, FormStateInterface $form_state) {
return $form['names_fieldset'];
}
public function addOne(array &$form, FormStateInterface $form_state) {
$num_field = $form_state
->get('num_lines');
$add_button = $num_field + 1;
$form_state
->set('num_lines', $add_button);
$form_state
->setRebuild();
}
public function removeCallback(array &$form, FormStateInterface $form_state) {
$trigger = $form_state
->getTriggeringElement();
$indexToRemove = $trigger['#name'];
unset($form['names_fieldset'][$indexToRemove]);
$namesFieldset = $form_state
->getValue('names_fieldset');
unset($namesFieldset[$indexToRemove]);
$form_state
->setValue('names_fieldset', $namesFieldset);
$removed_fields = $form_state
->get('removed_fields');
$removed_fields[] = $indexToRemove;
$form_state
->set('removed_fields', $removed_fields);
$form_state
->setRebuild();
}
public function validateForm(array &$form, FormStateInterface $form_state) {
}
public function submitForm(array &$form, FormStateInterface $form_state) {
}
}