การซ่อน / แสดงฟิลด์ Field API ใน Drupal 7 แบบไดนามิก

ฉันได้สร้างเอนทิตีด้วยฟอร์ม 'เพิ่มใหม่' กิจการนั้นมีตัวแปรจริงจำนวน จำกัด ฉันได้เพิ่มข้อมูลพิเศษส่วนใหญ่ที่ฉันต้องการโดยใช้ฟิลด์ที่กำหนดเอง (เช่น Field API)

สิ่งที่ฉันต้องทำในขั้นตอนนี้คือสามารถซ่อนฟิลด์หนึ่งแบบไดนามิกโดยยึดตามค่าของฟิลด์อื่น นั่นคือถ้าเขตข้อมูลแบบหล่นลงมีการตั้งค่าเป็นไม่ใช่เขตข้อมูลอื่นควรถูกซ่อนไว้มิฉะนั้นควรแสดงเขตข้อมูลนั้น

จากสิ่งที่ฉันเห็นมันค่อนข้างง่ายที่จะเพิ่มฟังก์ชั่นนี้ไปยังเขตข้อมูลที่สร้างขึ้นโดยใช้แบบฟอร์ม API (เช่นผ่านคุณสมบัติ AJAX) แต่มีวิธีใดที่จะบรรลุผลโดยใช้ฟิลด์ที่แนบมา? ฉันไม่มีปัญหาในการใช้ Javascript ที่กำหนดเองถ้านั่นคือสิ่งที่จำเป็นในการแก้ไขปัญหานี้

jQuery ทำงานได้ดีสำหรับสิ่งนี้:

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

ใน Drupal 7 คุณสามารถใช้ $ form #statesแทนสคริปต์ jQuery แบบกำหนดเอง ตัวอย่าง:

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

นี่คือตัวอย่างถ้าคุณต้องการใช้#statesสำหรับเงื่อนไขหลายค่า:

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

ดูform_example/form_example_states.incจากตัวอย่างโมดูลสำหรับรายละเอียดและตัวอย่างเพิ่มเติม

คุณควรลองใช้ฟิลด์เงื่อนไขฉันคิดว่าโมดูลนี้เป็นสิ่งที่ต้องมีสำหรับงานนี้ คุณสามารถตั้งค่าการพึ่งพาระหว่างเขตข้อมูลในส่วนติดต่อผู้ดูแลระบบที่ใช้งานง่าย ตัวอย่างเช่นคุณสามารถตั้งค่าAฟิลด์ให้ปรากฏเฉพาะเมื่อBฟิลด์มีค่า " 1234 " หรือคุณสามารถตั้งค่าฟิลด์Cข้อความให้มองเห็นได้เฉพาะเมื่อDมีการตรวจสอบEฟิลด์หรือตั้งค่าฟิลด์เป็นมองไม่เห็นถ้าFมีที่มุ่งเน้นฯลฯ

ในแบบฟอร์มอัพโหลดการพึ่งพาเหล่านี้จะถูกตั้งค่าฝั่งไคลเอ็นต์บนการแสดงโหนดการขึ้นต่อกันเหล่านี้จะถูกตั้งค่าบนฝั่งเซิร์ฟเวอร์

คุณสามารถตั้งค่าการพึ่งพาเหล่านี้ได้ที่ admin/structure/types/manage/[YOURCONTENTTYPESMACHINENAME]/dependenciesคุณสามารถตั้งค่าการอ้างอิงเหล่านี้ได้ที่

_{(ที่มาของภาพ: หน้าของโครงการ)}