DrupalCafe#9@Novosibirsk https://vk.com/drupalcafe9 В данном докладе описываются методы использования AJAX-инструментов, встроенных в Drupal, при работе с формами. Form API позволяет не только строить формы, но и добавлять AJAX обработку для них, без написания JS-кода (используя только язык PHP). Получаемые обработчики надёжны, безопасны и просты в использовании. А результат, предоставляемый ими, поражает воображение. ----- Сайт сибирского сообщества друпаллеров ДрупалСиб drupalsib.ru Группа сибирского сообщества друпаллеров Вконтакте vk.com/drupalsib Партнер Группа компаний И20 i20.biz

1. Form API
AJAX-commands

2. OK
Form API

3. OK
OK
AJAX
AJAX

4. -Toyota
-Renault
-Porsche
-Выберите-
Добро пожаловать.
-Porsche
Поздравляем!
Вам в подарок:
Porsche 911 Carrera

5. $form['offer_type'] = array(
'#type' => ‘select',
'#title' => t('Select please'),
'#options' => array( ... ),
'#ajax' => array(
'callback' => 'name_of_function',
'wrapper' => 'html-id-of-wrapper',
),
);
Form Builder

6. 1. Form builder
2. Form validate
3. Form submit
+
4. AJAX-callback
custom_form_validate
custom_form
custom_form_submit
name_of_function

7. functionname_of_function($form, $form_state) {
$html =‘<div>’ .t(‘Hello!’).‘</div>’;
return $html;
}
1. HTML
Hello!

8. functionname_of_function($form, $form_state) {
return $form;
}
2. Renderablearray
OK

9. functionname_of_function($form, $form_state) {
$cmd=array();
$cmd[]=ajax_command_replace(NULL,$output); $cmd[]=ajax_command_prepend(NULL,theme('status_messages'));
returnarray(
'#type'=>'ajax',
'#commands'=>$cmd,
);
}
3. Commands
Hello!
Готово!

10. AJAX-commands
ajax_command_before
ajax_command_changed
ajax_command_css
ajax_command_data
ajax_command_html
ajax_command_insert
ajax_command_invoke
ajax_command_prepend
ajax_command_remove
ajax_command_replace
ajax_command_restripe
ajax_command_settings
ajax_command_after
ajax_command_alert
ajax_command_append

11. Нужно больше?

12. Собственные 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);
returnarray(
'#type'=>'ajax',
'#commands'=>$cmd,
);

13. 23 / 05 / 2014

14. Спасибо!
Крайнюк Михаил
kraynuk.m@i20.biz