By turtletrail on

I have a text field, filling which should update several fields with the database values:

$form['evanr'] = array(
	    '#type' => 'textfield',
	    '#required' => TRUE,
	    ...
	    '#ajax' => array(
	      'callback' => 'ajax_check_evaopgave',
	      'wrapper' => 'replace_sfp',
	    ),
);

at the same time I have the field that is currently bonded to be updated:

$form['sfp'] = array(
    '#type' => 'select',
    '#options' => drupal_map_assoc(
      ...
    ),
    '#prefix' => '<div id="replace_sfp">',
    '#suffix' => '</div>',
    '#value' => (get_sfp_value($form_state['values']['evanr'])),
);

and the supplier methods:

function ajax_check_evaopgave($form, $form_state) {
  return $form['sfp'];
}

function get_sfp_value($evanr){
  ... //return value from database
}

The problem is that I need to update more than one field, when evanr field is filled.
How to attach multiple ajax callback to the same field?

Thanks in advance

⋅ Categories: Drupal 7.x

Comments

adrianborrego’s picture

adrianborrego commented

You don't need attach multiple ajax callback to the same field, in only one callback you can update many fields but inside the same wrapper.
See http://drupal.org/project/examples

turtletrail’s picture

turtletrail commented

thanks, I used this idea and it helped.

However, the examples you gave are not really explaining this concept,
but I also found this description, which is more explanatory in my opinion:

You can easily replace the entire form if that is easiest. Just add a #prefix and #suffix to the entire form array, then set that as the #ajax['wrapper']. (This will allow you to change multiple form elements via a single ajax call.) The only reason not to do this is that the process is faster if less information is transferred.

from AJAX Forms in Drupal 7, which basically extends your idea.

adrianborrego’s picture

adrianborrego commented

Thanks to you too.

turtletrail’s picture

turtletrail commented

I am having troubles with a new thing, but the root is the same - drupal's ajax functionality.

I discovered, that the problem comes from ajax '#path' attribute.

if it is set, ajax functionality is not doing its job - updating fields:

	$form['evanr'] = array(
	   ...
	    '#ajax' => array(
	      'callback' => 'ajax_check_evaopgave',
	      'wrapper' => 'replace_form',
	      'path' => 'dognrapport/table/new',
	      'method' => 'replace',
	    ),
	);

If it is not set, ajax functionality is working just fine:

	$form['evanr'] = array(
             ...
	    '#ajax' => array(
	      'callback' => 'ajax_check_evaopgave',
	      'wrapper' => 'replace_form',
	      'method' => 'replace',
	    ),
	);

but on form submit, i'm offered to save json file, and the form is not submitted.

Any help appreciated

turtletrail’s picture

turtletrail commented

the solution was simple it is just adding $form['#action'] with right url.

seems like ajax is changing the page url, which is hidden.
That is why submit didn't work unless i explicitly specified the action url.

lwlewy’s picture

lwlewy commented

It's possible to update two different element, even if they are on different part of the site. On this way it worked at me:

function callback_function(&$form, &$form_state)
{
  $select1 = array();
  $select2 = array();
  
  (...)

  $commands = array();
  $commands[] = ajax_command_html('#element1', drupal_render($select1));
  $commands[] = ajax_command_replace("#element2", drupal_render($select2));
  return array('#type' => 'ajax', '#commands' => $commands);
}
amar.deokar’s picture

amar.deokar commented

This is worked for me 

function callback_function($form, &$form_state)
{
  $commands = array();
  $commands[] = ajax_command_replace('#element1', drupal_render($form[any form element]));
  $commands[] = ajax_command_replace("#element2", drupal_render($form[any form element]));
  return array('#type' => 'ajax', '#commands' => $commands);
}
tajindersingh’s picture

tajindersingh commented

Thanks for sharing. This saved a ton.

Best Regards,

Tajinder Singh Namdhari
https://TajinderSinghNamdhari.com

sj.suraj’s picture

sj.suraj commented

I have two forms. one is main and second one is in the popUp. I want that the data of second form will appear in the first one on the submit button the second form. I am using variable_set and variable_get for keeping the data. The main page is showing my data on refreshing it. But i want to update it as soon as submit button is click on the second form.

Code for first Form..........

$var = array();
	variable_set('set_new', $var);
  // Load the modal library and add the modal javascript.
  ctools_include('modal');
  ctools_modal_add_js();
	
	$form['link'] =  array(
		'#type' => 'markup',
		'#markup' => '<div>' . l('Add Product', 'new/nojs', array('attributes' => array('class' => 'ctools-use-modal'))) . '</div>',
	);
	
	$array = variable_get('set_new');
	dsm($array);
	
	if(!empty($array)){
		foreach($array as $ar=>$vr){
			$th = implode(',' ,$vr);
			$row[$ar] = array(
				'#tree' =>TRUE,
				$th => array(
					'c1' =>array(
						'#type' => 'markup',
						'#markup' => $ar,
					),
					'c2' =>array(
						'#type' => 'markup',
						'#markup' => $th,
					),
				),
			);
		}
	}
	
	if(isset($row)){
		$form['table'] = array(
			'#theme' => 'list_table',
			'rows' => $row,
			'#prefix' => '<div id = "table_id">',
			'#suffix' => '</div>',
		);
	}
	return $form;

Here is the second form

 $form['new_li'] = array(
    '#type' => 'textfield',
    '#title' => t('Link text'),
  );
	
	$form['crown'] = array(
    '#title' => 'Crown',
	  '#type' => 'select',
		'#options' => drupal_map_assoc(array('Bruxzir', 'E-Max', 'E-Max Implants', 'EMax Inlay/Onlay', 'Emax Press', 'E-Max Venner', 'Non-Precious(PFM)', 'Semi-Precious(PFS)')),
		'#required' => TRUE,
		
  );
	
	
	$form['teeth'] = array(
		'#title' => 'Teeth',
		'#type' => 'checkboxes',
		'#options' => drupal_map_assoc(array('1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14','15', '16')),
		'#required' => TRUE,
		'#states' => array(
			'invisible' => array(
				':input[name="crown"]' => array('value' => ''),
			),
		),
	);

  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => t('Submit'),
  );

  return $form;

here is the callback function
$commands = array();
$commands[] = ajax_command_replace('#table_id', drupal_render($form['table']));
$form_state['ajax_commands'][] = ctools_modal_command_dismiss();
return array('#type' => 'ajax', '#commands' => $commands);