Tag: Drupal

Above the field is the paragraph field with two separate selection fields. Note : Business Rules Engine does not work with it.
Both field options are loaded from entity reference views.

Trying to create a dependent selection box with Drupal 8 Ajax Replace.

The replacement fails the second time, and the log displays the match with the form ID as a warning.

I tried a different approach by using HtmlCommand instead of ReplaceCommand and set the static ID for the child form element. By default, Drupal provides a dynamic ID for each form element. Also, if I try to change the item ID, it will not work by giving a Form ID mismatch warning.

1. I tried to replace the entire form element by packing the wrapper with ReplaceCommand.
   / **
   * Implemented hook_field_widget_WIDGET_TYPE_form_alter ().
   * /
   function module_name_field_widget_entity_reference_paragraphs_form_alter (& $ element, & $ form_state, $ context) {

                   $ element['subform']['field_course']['widget']['#ajax']    = [
                 'callback' => 'get_competency',
                 'event' => 'change',
                 'method' => 'replace',
                 'wrapper' => '#edit-competency-'.$uuid_value,
               ];
   
   }
   
   
   
   Function get_competency (Array & $ element, FormStateInterface $ form_state, $ context) {
   
   
   $ triggeringElement = $ form_state-> getTriggeringElement ();
   $ value = $ triggeringElement['#value'];
   
   $ gt =  Drupal :: service (& # 39; generic_templates.utility & # 39;);
   $ options = $ gt-> getCompetency ($ value);
   $ options = ["_none" => "- Select a value -"] + $ options;
   $ wrapper_id = $ triggeringElement["#ajax"]["wrapper"];
   unset ($ triggeringElement["#value"]);
   unset ($ triggeringElement["#ajax"]);
   $ triggeringElement['#title'] = "Competence";
   $ triggeringElement['#prefix'] = & # 39;
   & # 39 ;;
   $ triggeringElement['#suffix'] = & # 39;
   & # 39 ;;
   
   $ triggeringElement['#options'] = $ options;
   $ triggeringElement['#default_value'] = NULL;
   $ triggeringElement['#field_name'] = "Field competence";
   $ triggeringElement['#parents'] =
               [
                   "field_configurations",
                   0,
                    "subform",
                   "field_configuration",
                    0,
                    "subform",
                    "field_score",
                    0,
                    "subform",
                   "field_competency",
               ];
   
   $ triggeringElement["#array_parents"] = [
                    "field_configurations",
                    "widget",
                    0,
                   "subform",
                    "field_configuration",
                   "widget",
                    0,
                   "subform",
                    "field_score",
                   "widget",
                   0,
                    "subform",
                   "field_competency",
                   "widget",
               ];
   $ triggeringElement["#attributes"]["data-drupal-selector"]    = str_replace ("course", "competence", $ triggeringElement["#attributes"]["data-drupal-selector"]);
   $ triggeringElement["#name"] = str_replace ("course", "competence", $ triggeringElement["#name"]);
   $ id = explode (& # 39; - & # 39 ;, $ triggeringElement["#id"])[0];
   $ triggeringElement["#id"] = str_replace ("course", "competence", $ id);
   return $ triggeringElement;
   
   }
   

2. I changed the ID of the element as a wrapper ID so that the form element itself now acts as a wrapper, and I used HtmlCommand. The idea is to replace only the entire Drupal-generated selection field (1st method).

use Drupal Core Ajax AjaxResponse;
use Drupal Core Ajax HtmlCommand;

                / **
* Implemented hook_field_widget_WIDGET_TYPE_form_alter ().
* /
function module_name_field_widget_entity_reference_paragraphs_form_alter (& $ element, & $ form_state, $ context) {

$ element['subform']['field_course']['widget']['#ajax']    = [
                  'callback' => 'get_competency',
                  'event' => 'change',
                  'method' => 'html',
                  'wrapper' => 'edit-competency-'.$uuid_value,
                ];

$ element['subform']['field_competency']['widget']['#attributes']['id']= & # 39; processing competence - & # 39 ;. $ uuid_value;

}



Function get_competency (Array & $ element, FormStateInterface $ form_state, $ context) {

$ triggeringElement = $ form_state-> getTriggeringElement ();
$ value = $ triggeringElement['#value'];

$ gt =  Drupal :: service (& # 39; generic_templates.utility & # 39;);
$ options = $ gt-> getCompetency ($ value);
$ options = ["_none" => "- Select a value -"] + $ options;
$ wrapper_id = $ triggeringElement["#ajax"]["wrapper"];

$ gt =  Drupal :: service (& # 39; generic_templates.utility & # 39;);
$ options = $ gt-> getCompetency ($ value);
$ options = ["_none" => "- Select a value -"] + $ options;
$ renderingField = & # 39; & # 39 ;;

foreach ($ options as $ key => $ value) {
$ renderingField. = ""$ value."";
}

$ response = new AjaxResponse ();
$ response-> addCommand (new HtmlCommand (# #; # $ wrapper_id, $ renderingField));
return $ response;
}