Dynamiczne ukrywanie / wyświetlanie pól Field API w Drupal 7

Utworzyłem encję z formularzem „dodaj nowy”. Sama jednostka ma ograniczoną liczbę rzeczywistych zmiennych. Dodałem większość dodatkowych danych, których potrzebuję, używając niestandardowych pól (tj. Field API).

Na tym etapie muszę dynamicznie ukryć jedno pole na podstawie wartości drugiego. tzn. jeśli pole rozwijane ma wartość Nie, kolejne pole powinno być ukryte, w przeciwnym razie powinno zostać pokazane.

Z tego, co widzę, nieco łatwiej jest dodać tę funkcjonalność do pól utworzonych za pomocą interfejsu API Form (tj. Za pośrednictwem właściwości AJAX), ale czy jest jakiś sposób, aby to osiągnąć za pomocą dołączonych pól? Nie mam problemów z używaniem niestandardowego Javascript, jeśli jest to wymagane do rozwiązania tego problemu.

jQuery działa dobrze do tego:

(function($) {
  $(document).ready(function() {
    $('#select1').change(function() {
      switch ($(this).val()) {
        case '1':
          $('#field2').hide();
          break;
        default:
          $('#field2').show();
          break;
      }
    });
  });
}) (jQuery);

W Drupal 7 możesz użyć $ form #stateszamiast niestandardowego skryptu jQuery. Przykład:

  $form['student_type'] = array(
    '#type' => 'radios',
    '#options' => array(
      'high_school'   => t('High School'),
      'undergraduate' => t('Undergraduate'),
      'graduate'      => t('Graduate'),
    ),
    '#title' => t('What type of student are you?')
  );

  // High school information.
  $form['high_school']['tests_taken'] = array(
    '#type' => 'checkboxes',
    '#options' => drupal_map_assoc(array(t('SAT'), t('ACT'))),
    '#title' => t('What standardized tests did you take?'),
    // This #states rule says that this checkboxes array will be visible only
    // when $form['student_type'] is set to t('High School').
    // It uses the jQuery selector :input[name=student_type] to choose the
    // element which triggers the behavior, and then defines the "High School"
    // value as the one that triggers visibility.
    '#states' => array(
      'visible' => array(   // action to take.
        ':input[name="student_type"]' => array('value' => 'high_school'),
      ),
    ),
  );

Oto przykład, jeśli chcesz użyć #stateswarunku dla wielu wartości:

 $form['student_type'] = array(
    '#type' => 'checkboxes',
    '#options' => array(
      'high_school'   => t('High School'),
      'undergraduate' => t('Undergraduate'),
      'graduate'      => t('Graduate'),
    ),
    '#title' => t('What type of student are you?')
  );

  // High school information.
  $form['high_school']['tests_taken'] = array(
    '#type' => 'textfield',
    '#title' => t('What standardized tests did you take?'),
    '#states' => array(
      'visible' => array(   // action to take.
        ':input[name="student_type[high_school]"]' => array('checked' => TRUE),
        ':input[name="student_type[undergraduate]"]' => array('checked' => TRUE),
        ':input[name="student_type[graduate]"]' => array('checked' => FALSE),
      ),
    ),
  );

Zobacz form_example/form_example_states.incz przykładów moduł więcej szczegółów i przykładów.

Powinieneś spróbować pól warunkowych , myślę, że ten moduł jest niezbędny do tego zadania. Można ustawić zależności między polami w przyjaznym dla użytkownika interfejsie administratora. Na przykład możesz ustawić, Aaby pole było widoczne tylko wtedy, gdy Bpole ma wartość „ 1234 ”, lub możesz ustawić pole Ctekstowe tak, aby było widoczne tylko wtedy, gdy Dpole jest zaznaczone, lub ustawić Epole na niewidoczne, jeśli Fjest aktywne itp.

W formularzu przesyłania te zależności zostaną ustawione po stronie klienta, na ekranie węzła te zależności zostaną ustawione po stronie serwera.

Możesz ustawić te zależności na admin/structure/types/manage/[YOURCONTENTTYPESMACHINENAME]/dependencies.

_{(Źródło obrazu: projekt za stronę )}