Dynamisches Ausblenden / Anzeigen von Feld-API-Feldern in Drupal 7

Ich habe eine Entität mit einem neuen Formular erstellt. Die Entität selbst hat eine begrenzte Anzahl von tatsächlichen Variablen. Ich habe die meisten zusätzlichen Daten hinzugefügt, die ich mit benutzerdefinierten Feldern (dh der Feld-API) benötige.

Was ich in dieser Phase tun muss, ist in der Lage zu sein, ein Feld basierend auf dem Wert eines anderen dynamisch auszublenden. Wenn für ein Dropdown-Feld der Wert "Nein" festgelegt ist, sollte ein anderes Feld ausgeblendet werden, andernfalls sollte es angezeigt werden.

Soweit ich sehen kann, ist es einigermaßen einfach, diese Funktionalität zu Feldern hinzuzufügen, die mit der Formular-API (dh über die AJAX-Eigenschaft) erstellt wurden. Gibt es jedoch eine Möglichkeit, dies mit angehängten Feldern zu erreichen? Ich habe keine Probleme mit benutzerdefiniertem Javascript, wenn dies erforderlich ist, um dies zu lösen.

jQuery funktioniert gut dafür:

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

In Drupal 7 können Sie $ form #statesanstelle eines benutzerdefinierten jQuery-Skripts verwenden. Beispiel:

  $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'),
      ),
    ),
  );

Hier ist ein Beispiel, wenn Sie die #statesBedingung für mehrere Werte verwenden möchten :

 $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),
      ),
    ),
  );

Siehe das form_example/form_example_states.incvon Beispielen Modul für weitere Informationen und Beispiele.

Sie sollten es mit bedingten Feldern versuchen . Ich denke, dieses Modul ist ein Muss für diese Aufgabe. Sie können Abhängigkeiten zwischen Feldern in einer benutzerfreundlichen Administrationsoberfläche festlegen. Zum Beispiel können Sie festlegen , AFeld sein nur sichtbar , wenn BFeld Wert „ 1234 “, oder Sie können festlegen CTextfeld sein , sichtbar nur , wenn DFeld aktiviert ist, oder Set EFeld unsichtbar , wenn Fheißt fokussierte usw.

Auf dem Upload-Formular werden diese Abhängigkeiten clientseitig festgelegt, auf der Knotenanzeige werden diese Abhängigkeiten serverseitig festgelegt.

Sie können diese Abhängigkeiten auf einstellen admin/structure/types/manage/[YOURCONTENTTYPESMACHINENAME]/dependencies.

_{(Quelle des Bildes: die Projektseite )}