Компонент Edit Grid

Документ у процесі формування.

1. Основні положення

1.1. Формат даних

Submission
Array<Object>
// Приклад: [ { textfield: 'test' } ]

2. Головні функції

2.1. Налаштування типу сортування для колонок у компоненті Edit Grid

При роботі з компонентом Edit Grid моделювальник може обирати тип сортування, який має застосовуватися для стовпців компонента.

Наразі можна сортувати значення як числові (Sort as number, або як текстові для компонентів, які є частиною сітки Edit Grid.

  1. Відкрийте розділ моделювання форм.

    ui forms 1

  2. Створіть форму, або відкрийте будь-яку наявну зі списку.

  3. Перейдіть на вкладку Конструктор.

  4. На панелі компонентів зліва оберіть Оновлені.

  5. Оберіть компонент Edit Grid та перетягніть до області моделювання.

    edit grid sort as number 1

  6. У новому вікні натисніть Save, щоб зберегти зміни.

    edit grid sort as number 2

  7. Додайте до компонента Edit Grid компоненти, передбачені бізнес-логікою. Наприклад, Text Field та Number.

    edit grid sort as number 3

    edit grid sort as number 4

    В результаті панель моделювання виглядатиме наступним чином:

    edit grid sort as number 5

  8. Відкрийте налаштування кожного з компонентів (Text Field та Number), та на вкладці Display активуйте позначку Sort As Number (Сортувати як число):

    • Sort As Number

      Функція Sort As Number визначає, чи слід вважати значення компонента числом під час сортування в сітках (Grids).

      edit grid sort as number 6 edit grid sort as number 7

  9. Натисніть Save, щоб зберегти зміни.

  10. Перейдіть на вкладку Перегляд, щоб побачити, як відпрацьовує функція сортування для компонентів.

  11. Натисніть Додати, щоб наповнити колонки таблиці значеннями.

    edit grid sort as number 8

  12. У новому вікні введіть значення для компонентів та натисніть Зберегти. Повторіть процедуру декілька разів, щоб наповнити таблицю.

    edit grid sort as number 9

В результаті, якщо відсортувати компонент Text Field за спаданням, то числові значення будуть відображені вгорі, а текстові внизу, і навпаки.

edit grid sort as number 10

Якщо відсортувати компонент Number, числові значення будуть відсортовані за спаданням, або зростанням.

edit grid sort as number 11

2.2. Збереження даних з форми масивом у БД

Завантажити дані масивом до фабрики даних можливо, якщо при моделюванні форми використати компонент Edit Grid.

Компонент Edit Grid дозволяє змоделювати записи з різних компонентів як єдиний масив і завантажити його до бази даних. Масив має відповідати структурі, визначеній моделлю даних.

Якщо структура масиву даних на формі не відповідає визначеній моделі у БД, то значення з форми не завантажаться до бази даних, а система поверне помилку.
Інструкція показує тестовий сценарій моделювання масиву даних для завантаження документів за допомогою компонента Edit Grid.

  1. Відкрийте розділ моделювання форм.

    ui forms 1

  2. Створіть форму, або відкрийте будь-яку наявну зі списку.

  3. Перейдіть на вкладку Конструктор.

  4. На панелі компонентів зліва оберіть Оновлені.

  5. Оберіть компонент Edit Grid та перетягніть до області моделювання.

    edit grid sort as number 1

  6. У новому вікні натисніть Save, щоб зберегти зміни.

    edit grid sort as number 2

  7. Додайте до компонента Edit Grid компоненти, передбачені бізнес-логікою. Наприклад, Text Field (двічі) та Date / Time.

    edit grid sort as number 3

    edit grid submit data as array 1

    В результаті панель моделювання виглядатиме наступним чином:

    edit grid submit data as array 2

  8. Перейдіть на вкладку Перегляд, щоб побачити, як змодельована форма виглядатиме на інтерфейсі користувача.

  9. Натисніть Додати, щоб наповнити колонки таблиці значеннями.

    edit grid submit data as array 3

  10. У новому вікні введіть значення для компонентів та натисніть Зберегти. Повторіть процедуру декілька разів, щоб наповнити таблицю.

    edit grid submit data as array 4

Таким чином сформується таблиця, яка складається із записів різного типу (у нашому прикладі — Text Field та Date / Time), які об’єднані в єдиний масив під компонентом Edit Grid. Надалі користувачі Кабінету посадової особи зможуть в рамках проходження бізнес-процесів наповнювати змодельовані форми задач реальними даними, які, після підписання їх КЕП, зберігатимуться до відповідних таблиць бази даних.