Fragment

Объединяет несколько компонентов для их дальнейшего использования как единого целого

Используется для единообразия дизайна группы компонентов, которая должна присутствовать на нескольких экранных формах. Группа компонентов, используемая на нескольких экранных формах, считается фрагментом экранной формы. В текущий момент компонент Fragment считается устаревшим, поскольку последние версии Платформы поддерживают иной усовершенствованный способ объединения компонентов.

/* код фрагмента (хранится и включается в проект аналогично другим контейнерам) */
<Container
  Name="TwoColumns"
  ContainerType="PartView"
  Commands={[]}
  Scripts={[]}
>
  <Group>
    <Group Mode="Column" Width="50%" CSS={['p-16']}>
      <Slot Name="Left" />
    </Group>
    <Group Mode="ColumnWithScroll" Width="50%" CSS={['p-16']}>
      <Slot Name="Right" />
    </Group>
  </Group>
</Container>;
/* использование */
/* устаревший синтаксис */
  <Fragment PartName="TwoColumns" RunAt="Client">
    <Group Slot="Left"><Text Value="Left"></Text></Group>
    <Group Slot="Right"><Text Value="Right"></Text></Group>
  </Fragment>
/* новый синтаксис */
  <TwoColumns>
    <Group Slot="Left"><Text Value="Left"></Text></Group>
    <Group Slot="Right"><Text Value="Right"></Text></Group>
  </TwoColumns>

Свойства

Имя	Описание	Тип	Значение по умолчанию	Возможные значения
GlobalScripts	Признак выполнения скриптов в глобальном потоке выполнения. Используется только для совместимости с версиями Платформы 0.1.6 и более ранними	boolean	True
PartName	Имя фрагмента для отображения	string
Props	Массив свойств компонента	object
RunAt	Способ вычисления значений переменных во фрагменте	enum	Client	Client - Асинхронное вычисление значений переменных по требованию Server - Вычисление значений переменных на стороне сервиса пользовательского интерфейса
ValueRoot	Ссылка, относительно которой вычисляются значения переменных во фрагменте	string

Примеры

JSX:

<Group>
/* устаревший синтаксис */
  <Fragment PartName="TwoColumns" RunAt="Client">
    <Group Slot="Left"><Text Value="Left"></Text></Group>
    <Group Slot="Right"><Text Value="Right"></Text></Group>
  </Fragment>
/* новый синтаксис */
  <TwoColumns>
    <Group Slot="Left"><Text Value="Left"></Text></Group>
    <Group Slot="Right"><Text Value="Right"></Text></Group>
  </TwoColumns>
</Group>