Skip to main content
Version: 56.0.0

Управління секцією зі скрипту форми

Методи доступу до управління​

Використовуйте event.form.getNodeControl(<nodeId>) для отримання об'єкта методу доступу до управління секцією, а потім викличте один з наступних методів:

  • collapse() — згорнути секцію
  • expand() — розгорнути секцію
  • toggle() — перемикати секцію між згорнутим і розгорнутим станами

Замініть <nodeId> на ID вузла дизайнера форми секції.

Методи набирають чинності лише після того, як секція відрендерена. У подію loaded метод getNodeControl повертає порожнє значення, оскільки елементи управління ще не знаходяться в DOM. Використовуйте хук form_<nodeId>_mounted коли вам потрібно змінити стан одразу після того, як секція з'явиться. !Примітка: методи доступні лише для collapse секцій.

Приклад: згорнути секцію при завантаженні форми​

const DETAILS_SECTION_NODE_ID = 8

module.exports = {
  form_8_mounted(event) {
    event.form.getNodeControl(DETAILS_SECTION_NODE_ID).collapse()
  }
}

Приклад: перемикати секцію з користувацької кнопки​

Використовуйте обробник кліку користувацької кнопки форми для перемикання стану секції.

const DETAILS_SECTION_NODE_ID = 8

module.exports = {
  form_12_click(event) {
    event.form.getNodeControl(DETAILS_SECTION_NODE_ID).toggle()
  }
}

Приклад: розгорнути секцію, коли атрибут отримує значення​

Розгорніть секцію, що містить пов'язані елементи управління, коли користувач заповнить атрибут country.

const DETAILS_SECTION_NODE_ID = 8

module.exports = {
  document_attributeChanged_country(event) {
    const section = event.form.getNodeControl(DETAILS_SECTION_NODE_ID)
    if (event.document.getAttribute('country')) {
      section.expand()
    } else {
      section.collapse()
    }
  }
}