View source
<?php
namespace Drupal\ajax_forms_test\Form;
use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;
class AjaxFormsTestCommandsForm extends FormBase {
public function getFormId() {
return 'ajax_forms_test_ajax_commands_form';
}
public function buildForm(array $form, FormStateInterface $form_state) {
$form = [];
$form['after_command_example'] = [
'#value' => $this
->t("AJAX 'After': Click to put something after the div"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_after_callback',
],
'#suffix' => '<div id="after_div">Something can be inserted after this</div>',
];
$form['alert_command_example'] = [
'#value' => $this
->t("AJAX 'Alert': Click to alert"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_alert_callback',
],
];
$form['announce_command_example'] = [
'#value' => $this
->t("AJAX 'Announce': Click to announce"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_announce_callback',
],
];
$form['announce_command_polite_example'] = [
'#value' => $this
->t("AJAX 'Announce': Click to announce with 'polite' priority"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_announce_polite_callback',
],
];
$form['announce_command_assertive_example'] = [
'#value' => $this
->t("AJAX 'Announce': Click to announce with 'assertive' priority"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_announce_assertive_callback',
],
];
$form['announce_command_double_example'] = [
'#value' => $this
->t("AJAX 'Announce': Click to announce twice"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_double_announce_callback',
],
];
$form['append_command_example'] = [
'#value' => $this
->t("AJAX 'Append': Click to append something"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_append_callback',
],
'#suffix' => '<div id="append_div">Append inside this div</div>',
];
$form['before_command_example'] = [
'#value' => $this
->t("AJAX 'before': Click to put something before the div"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_before_callback',
],
'#suffix' => '<div id="before_div">Insert something before this.</div>',
];
$form['changed_command_example'] = [
'#value' => $this
->t("AJAX changed: Click to mark div changed."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_changed_callback',
],
'#suffix' => '<div id="changed_div"> <div id="changed_div_mark_this">This div can be marked as changed or not.</div></div>',
];
$form['changed_command_asterisk_example'] = [
'#value' => $this
->t("AJAX changed: Click to mark div changed with asterisk."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_changed_asterisk_callback',
],
];
$form['css_command_example'] = [
'#value' => $this
->t("Set the '#box' div to be blue."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_css_callback',
],
'#suffix' => '<div id="css_div" style="height: 50px; width: 50px; border: 1px solid black"> box</div>',
];
$form['data_command_example'] = [
'#value' => $this
->t("AJAX data command: Issue command."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_data_callback',
],
'#suffix' => '<div id="data_div">Data attached to this div.</div>',
];
$form['invoke_command_example'] = [
'#value' => $this
->t("AJAX invoke command: Invoke addClass() method."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_invoke_callback',
],
'#suffix' => '<div id="invoke_div">Original contents</div>',
];
$form['html_command_example'] = [
'#value' => $this
->t("AJAX html: Replace the HTML in a selector."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_html_callback',
],
'#suffix' => '<div id="html_div">Original contents</div>',
];
$form['insert_command_example'] = [
'#value' => $this
->t("AJAX insert: Let client insert based on #ajax['method']."),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_insert_callback',
'method' => 'prepend',
],
'#suffix' => '<div id="insert_div">Original contents</div>',
];
$form['prepend_command_example'] = [
'#value' => $this
->t("AJAX 'prepend': Click to prepend something"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_prepend_callback',
],
'#suffix' => '<div id="prepend_div">Something will be prepended to this div. </div>',
];
$form['remove_command_example'] = [
'#value' => $this
->t("AJAX 'remove': Click to remove text"),
'#type' => 'submit',
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_remove_callback',
],
'#suffix' => '<div id="remove_div"><div id="remove_text">text to be removed</div></div>',
];
$form['restripe_command_example'] = [
'#type' => 'submit',
'#value' => $this
->t("AJAX 'restripe' command"),
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_restripe_callback',
],
'#suffix' => '<div id="restripe_div">
<table id="restripe_table" style="border: 1px solid black" >
<tr id="table-first"><td>first row</td></tr>
<tr ><td>second row</td></tr>
</table>
</div>',
];
$form['settings_command_example'] = [
'#type' => 'submit',
'#value' => $this
->t("AJAX 'settings' command"),
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_settings_callback',
],
];
$form['add_css_command_example'] = [
'#type' => 'submit',
'#value' => $this
->t("AJAX 'add_css' command"),
'#ajax' => [
'callback' => 'ajax_forms_test_advanced_commands_add_css_callback',
],
];
$form['submit'] = [
'#type' => 'submit',
'#value' => $this
->t('Submit'),
];
return $form;
}
public function submitForm(array &$form, FormStateInterface $form_state) {
}
}