Настройка автоматической генерации данных на экранной форме

На этапе разработки экранной формы вам может потребоваться протестировать визуальное представление экранной формы с данными. Для этой цели в DevTools вы можете воспользоваться автоматически генерируемыми данными. Генерация данных реализуется только для действия типа DataSet. Данные генерируются на основе контрактов данных.

Вы настраиваете автоматическую генерацию данных в окне настройки параметров действия, применимого к экранной форме. Вы можете задать следующие параметры генерации данных:

количество генерируемых записей данных;
задержка по времени (в миллисекундах) генерации данных для тестирования асинхронности.

Чтобы настроить автоматическую генерацию данных:

В проекте выберите файл с расширением mdcontainer, соответствующий экранной форме, которую вы хотите протестировать с данными.

В Редакторе Форм режим автогенерации данных выбран по умолчанию, о чем свидетельствует кнопка (Автогенерация данных) в верхней части рабочей области.
На боковой панели нажмите значок и в разделе Действия выберите действие, результатом выполнения которого является отображение данных.
Откройте окно Действие с параметрами действия, результат которого вы хотите протестировать.
В блоке Автогенерация тестовых данных укажите следующие параметры:
- Записей: укажите количество записей, которые вы хотите отобразить на экранной форме;
- Задержка (мс): укажите время задержки (в миллисекундах) для асинхронного выполнения действия.
В окне Действие нажмите Сохранить.
В Редакторе Форм перейдите в режим редактирования кода экранной формы и введите блок кода, включающий вызов метода получения данных. Следующий пример демонстрирует блок кода экранной формы:

<Container

Name="Index"
ContainerType="Page"
Commands={[]} 
Scripts={[
  async () => {
    const result = await sendDataSet("getAuthors");
    setState({
      data: result,
    });
  },
]}
Meta={{ templateType: "Default" }}
>
<Group CSS={["pt-16", "pb-16"]} Height="100%">
  <Repeater Mode="ol" Value-var="data">
    <RepeaterItem Alias="item" CurrentIndex="1">
      <Text Value-var="item.name" Mode="Strong"></Text>
      <Text CSS={["ml-4"]} Value-var="item. surname"></Text>
    </RepeaterItem>
  </Repeater>
</Group>
 </Container>;

В Редакторе Форм перейдите в визуальный режим.

Сгенерированные данные отображаются на экранной форме.
Необязательное действие: С помощью кнопки (Просмотр) оцените визуальное представление экранной формы с данными.

Если вид экранной формы с данными вас не устраивает, вы можете изменить свойства компонентов экранной формы и повторить действия, описанные в этой инструкции.

Связанные статьи

Просмотр интерфейса приложения в процессе разработки

Связанные статьи​

Связанные статьи