Михаил Крайнюк. Form api: ajax-commands
0 likes171 views
This document discusses using the Form API to add AJAX functionality to a form select element. It provides an example of adding an AJAX callback to a form select to dynamically update HTML when the select value changes. The callback returns a custom AJAX command to replace the HTML wrapper and prepend status messages. Additional AJAX commands are also listed. The document ends by demonstrating how to create a custom AJAX command to dynamically update the page title.
![$form['offer_type'] = array(
'#type' => ‘select',
'#title' => t('Select please'),
'#options' => array( ... ),
'#ajax' => array(
'callback' => 'name_of_function',
'wrapper' => 'html-id-of-wrapper',
),
);
- Toyota
- Renault
- Porsche
- Выберите -
Поздравляем!
Вам в подарок:
Porsche 911 Carrera](https://image.slidesharecdn.com/formapi-ajax-141117081634-conversion-gate01/85/Form-api-ajax-commands-4-320.jpg)
![function name_of_function($form, $form_state) {
$cmd = array();
$cmd[] = ajax_command_replace(NULL, $output);
$cmd[] = ajax_command_prepend(NULL, theme('status_messages'));
return array(
'#type' => 'ajax',
'#commands' => $cmd,
);
}
2. Commands
Hello!
Готово!](https://image.slidesharecdn.com/formapi-ajax-141117081634-conversion-gate01/85/Form-api-ajax-commands-6-320.jpg)
![Собственные AJAX-commands
(function($) {
Drupal.ajax.prototype.commands.my_func = function(ajax, response, status) {
document.title = response.title;
}
} (jQuery));
$cmd = array();
$cmd[] = array(‘command‘ => ‘my_func', ‘title‘ => $page_title . ‘!!!‘);
$cmd[] = ajax_command_replace(NULL, $output);
return array(
'#type' => 'ajax',
'#commands' => $cmd,
);](https://image.slidesharecdn.com/formapi-ajax-141117081634-conversion-gate01/85/Form-api-ajax-commands-9-320.jpg)
Михаил Крайнюк. Form api: ajax-commands
- 2. OK Form API
- 3. OK OK
- 4. $form['offer_type'] = array( '#type' => ‘select', '#title' => t('Select please'), '#options' => array( ... ), '#ajax' => array( 'callback' => 'name_of_function', 'wrapper' => 'html-id-of-wrapper', ), ); - Toyota - Renault - Porsche - Выберите - Поздравляем! Вам в подарок: Porsche 911 Carrera
- 5. function name_of_function($form, $form_state) { $html = ‘<div>’ . t(‘Hello!’) . ‘</div>’; return $html; } 1. HTML Hello!
- 6. function name_of_function($form, $form_state) { $cmd = array(); $cmd[] = ajax_command_replace(NULL, $output); $cmd[] = ajax_command_prepend(NULL, theme('status_messages')); return array( '#type' => 'ajax', '#commands' => $cmd, ); } 2. Commands Hello! Готово!
- 9. Собственные AJAX-commands (function($) { Drupal.ajax.prototype.commands.my_func = function(ajax, response, status) { document.title = response.title; } } (jQuery)); $cmd = array(); $cmd[] = array(‘command‘ => ‘my_func', ‘title‘ => $page_title . ‘!!!‘); $cmd[] = ajax_command_replace(NULL, $output); return array( '#type' => 'ajax', '#commands' => $cmd, );