Атрибуты тегов

Установите значение true, чтобы выровнять текст по правому краю. 

Укажите минимальное значение даты в поле.

<datetime model="data.dueDate" label="data.dueDateTitle" isMandatory="true" beginDate="{data.beginDate}" endDate="{data.endDate}"></datetime>

const nowDate = new SimpleDateTime();
data.beginDate = nowDate.getDate();
nowDate.addDays(3);
data.endDate = nowDate.getDate();

Укажите стиль отображения кнопок.

Неактивные кнопки окрашены в серый. 

Цвета кнопок:

• unstyled – белый
• primary – синий
• approve – зеленый
• destructive – красный

• secondary – прозрачный фон

Используйте следующие типы кнопок вместе с заданным атрибутом svg:

• icon-mini – квадратная мини-кнопка

• icon – квадратная кнопка 

• icon-primary – квадратная кнопка с синим фоном

• icon-border – квадратная кнопка с границами

• expand – прямоугольная кнопка с голубым фоном, подкрашивает svg голубым

<button class="btn" event-click="window.s_widget_custom.forceUpdate();" buttonType="destructive">
  Обновить
</button>

Установите значение true, чтобы сделать возможным оставить поле без выбранных элементов.

<multiselect model="data.values" canExcludeAll="true" values='["1", "2"]' options='[{"database_value":"1","display_value":"Первый"},{"database_value":"2","display_value":"Второй"}]'></multiselect>

Установите значение true, чтобы добавить кнопку , позволяющую создать новую запись.

Укажите поле таблицы, которое содержит описание категорий.

Укажите колонку таблицы, которая содержит иконки категорий. 

Укажите поле таблицы, которое содержит заголовки категорий.

Укажите глубину дочерней категории.

Определите колонки, содержащие данные типа Choice, чтобы указать опции выбора в условии.

Добавьте название классов, для которых стили заданы в поле CSS виджета.

Определите значение атрибута в поле виджета Шаблон. Затем, опишите его в поле CSS.

<button
  id="addBtn"
  class="button disable"
  event-click="window.s_widget_custom.addParticipants()">
  {data.createCABbuttonTitle}
</button>

.button {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-radius: 4px;
  padding: 0 14px;
  line-height: 30px;
  letter-spacing: 0.2px;
  background-color: #0f8af9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  height: 32px;
}
.button.disable {
  cursor: not-allowed;
  pointer-events: none;
  color: #c0c0c0;
  background-color: #ffffff;
 }

Задайте условие. Это аналог ссылочного ограничителя в агентском интерфейса.

<reference
  isFixed="true"
  condition="{data.condition}"
  label="{data.instanceTitle}"
  tableName="sys_cmdb_ci_instance"
  model="data.instance"
  event-change="s_widget_custom.instanceSelected();">
</reference>

if (!!input.tableName && !!input.caller) {
  data.condition =
    `owned_by=${input.caller}^ORDERBYDESCsys_created_at`;
}

Настройте ленту активности. Опишите объект в формате JSON.

Определите следующие параметры:

• title – измените заголовок ленты активности.
• journal – настройте фильтр для отображения полей типа Journal Input.
• columns – настройте фильтр для отображения полей в Истории.
• classes – добавьте классы в стиль ленты активности. Эти стили классов могут быть переопределены.
• isNotStylized – используйте для сброса настроек стиля ленты активности.

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

Укажите колонку таблицы, содержащую даты, относящиеся к элементам списка.

Определите колонки, содержащие данные типа Date или Date/Time, если необходимо указать временные периоды в условии.

Укажите значение true, чтобы сделать кнопку неактивной. В этом случае на кнопку нельзя нажать. 

Укажите номер колонки, по клику на которую открывается запись.

Укажите, какую функцию необходимо выполнить при закрытии модального окна или меню.

<modal
  isShow="{data.isShow}"
  doClose="window.s_widget_custom.countClosing();">
</modal>

window.s_widget_custom.countClosing = function () {
  window.closeCount = window.closeCount + 1 || 1
  s_widget.setFieldValue('isShow', false);
}

Укажите количество элементов на странице. По умолчанию значение атрибута равно 5.

Укажите максимально возможное значение даты в поле.

<datetime model="data.dueDate" label="data.dueDateTitle" isMandatory="true" isVisible="true" beginDate="{data.beginDate}" endDate="{data.endDate}"></datetime>

const nowDate = new SimpleDateTime();
data.beginDate = nowDate.getDate();
nowDate.addDays(3);
data.endDate = nowDate.getDate();

Укажите, какие действия необходимо выполнить после того, как выбран один из преднастроенных шаблонов:

• click
• context
• mouseOver

Укажите параметры, которые не нужно отображать.

<durationinput value='{data.duration1}' exclude='["days","seconds"]' alignRight='true' onChange="s_widget_custom.onChange1(arguments[0]);"></durationinput>
<durationinput value='{data.duration2}' exclude='["days","seconds"]' alignRight='true' onChange="s_widget_custom.onChange2(arguments[0]);"></durationinput>

Установите значение true, чтобы сделать ленту активности всегда открытой. В этом случае шеврон  на форме виджета будет отсутствовать, а ленту нельзя будет свернуть.

Установите значение true, чтобы отключить возможность изменять значение условия.

<reference
  isFixed="true"
  isMandatory="true"
  condition="(state!=10)"
  label="Инцидент"
  model="data.incident_id"
  tableName="itsm_incident">
</reference>

Установите для атрибута значение true, чтобы при открытии на мобильном устройстве, модальное окно отображалось на весь экран.

Установите значение true, чтобы сделать поле обязательным.

<select model="data.reason" label="{data.reasonTitle}" options='[{ "database_value": "", "display_value": "--Нет--" },
      {"database_value": "defect", "display_value": "Дефект"},
      {"database_value": "low_test_coverage", "display_value": "Низкое тестовое покрытие"},
      {"database_value": "other", "display_value": "Другое"}]' value='{"database_value": ""}' isMandatory="true">
</select>

Установите значение true, чтобы разрешить отображение меню или модального окна.

<modal
  model="data.modal"
  title="{data.modalTitle}"
  isShow="{data.isShow}">
</modal>

Установите значение атрибута false, чтобы пользователи не могли менять язык интерфейса, и он отобржался только на языке системы.

Установите для этого атрибута значение true, чтобы сгруппировать результаты поиска и отобразить дерево группировки результатов.

Установите значение false, чтобы скрыть тег. Значение по умолчанию true.

<string
  model="data.additionalComment"
  isVisible="{data.showComment}">
</string>

Укажите поле таблицы, которое содержит описание элементов.

Укажите колонку таблицы, которая содержит иконки элементов. 

Укажите название представления, определяющего внешний вид элемента. 

Укажите текстовый заголовок для поля, описывающий его содержание.

<textarea
  model="data.name"
  label="Наименование">
</textarea>

Укажите, какое представления списка необходимо использовать. Обратите внимание, что сначала необходимо создать это представление в таблице Списки (sys_ui_list).

Укажите абсолютный путь для логотипа, который отображается на странице авторизации.

Пример:

https://example.com/logo.png

Укажите максимальное значение в миллисекундах.

Этот атрибут связывается объект данных клиентского контроллера. Когда данные модели меняются, они автоматически переносятся в клиентский контроллер. 

<textarea
  model="data.name"
  label="Наименование">
</textarea>

Укажите опции, доступные для выбора. Используйте форматирование CodeMirror JSON, чтобы создать необходимые опции.

<select model="data.reason" label="{data.reasonTitle}" options='[{ "database_value": "", "display_value": "--Нет--" },
      {"database_value": "defect", "display_value": "Дефект"},
      {"database_value": "low_test_coverage", "display_value": "Низкое тестовое покрытие"},
      {"database_value": "other", "display_value": "Другое"}]' value='{"database_value": ""}'>
</select>

Укажите глубину родительской категории.

Добавьте подсказку для текстового поля. 

<textarea
  model="data.name"
  label="Наименование"
  placeholder="{data.namePlaceholderText}">
</textarea>

Укажите колонку, которая содержит информацию, отображаемую при предпросмотре карточки. 

Укажите путь к секции сервисного портала, содержащую страницу профиля текущего пользователя.

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

Укажите максимальное количество результатов поиска на странице. 

Установите для атрибута значение true, чтобы варианты выбора отображались в виде переключателей. В остальных случаях используется стандартный раскрывающийся список.

Установите значение true, чтобы сделать поля доступными только для чтения.

<select model="data.state" label="{data.stateTitle}" options='[
      {"database_value": "registered", "display_value": "Зарегистрировано"},
      {"database_value": "open", "display_value": "Открыто"},
      {"database_value": "in_progress", "display_value": "В работе"}]' value='{"database_value": ""}'
  readOnly="true">
</select>

Используйте этот атрибут, чтобы указать ID записи, использующей расширенную модель записи (REM). Также необходимо указать таблицу (атрибут tableName). Ниже приведен пример для Simple-тега <rem>.

<rem modelId="{data.model_id}" tableName="{data.table_name}" recordId ="{data.record_id}" />

Укажите путь, чтобы перенаправить пользователя на сервисный портал после успешной авторизации. 

Укажите ID отчета для просмотра. 

<report reportid="{data.monthBarReportId}" condition="(group.nameLIKEdesk^state=active)" />

Добавьте на форму кнопку сохранения, добавив на нее необходимый текст.

Используйте этот атрибут, когда по каким-либо причинам невозможно использовать UI-действия (значение атрибута uiActions  false).

Введите текст, который будет отображаться на кнопке Сохранить.

<remform modelId="{data.model_id}" isPortal="true" tableName="rem_table" saveButtonCaption="Сохранить" />

Укажите URL путь, определяющий, на какую страницу будет перенаправлен пользователь после нажатия на кнопку Поиск.

Укажите начальное значение поисковой строки.

Добавьте строку поиска для осуществления поисковых запросов и отображения результатов.

Чтобы отобразить название, установить значение атрибута true.

Укажите размер поисковой строки. Доступные значения:

• lg (большая)
• sm (маленькая)

Выберите размеры выпадающего меню из предложенных преднастроенных опций:

• low (224px)
• large (464px)

Добавьте краткое описание карточки.

Укажите колонку таблицы, в которой содержится список статусов элемента.

Задайте настройки отображения элементов тега (размер, шрифт, цвет и другое ), используя синтаксис CSS.

<textarea
  model="data.notes"
  label="Заметки"
  style="height: 328px; width: 100%; padding: 32px 64px 40px 64px;">
</textarea>

Укажите колонку таблицы, содержащую темы элементов списка.

Укажите код SVG файла с заранее декодированным изображением или ссылку на изображение.

Укажите ID записи таблицы, указанной в параметре tableName. Если тег <activityFeed> указан рядом с тегом <Form>, то значение атрибута заполнится автоматически значением из соответствующего атрибута тега <Form>.

Укажите ID таблицы, на который ссылается тег. 

Укажите название таблицы, на которую ссылается тег. 

<reference
  isFixed="true"
  isMandatory="true"
  condition="(state!=10)"
  label="Инцидент"
  model="data.incident_id"
  tableName="itsm_incident">
</reference>

Укажите заголовок модального окна или поиска.

<modal
  title="{data.modalTitle}"
  isShow="{data.isShow}"
</modal>

Установите значение атрибута true, чтобы отобразить заголовок формы.

Определите количество первых совпадений, которое будет отображаться в подсказке поиска. 

Установите значение true, чтобы изменить стиль списка и сделать его фон прозрачным.

Введите ID группы поиска, чтобы определить область поиска. 

Установите значение true, чтобы сделать возможным использование UI-действий. В противном случае их использование будет запрещено (кроме кнопки Сохранить, определенной атрибутом save).

Укажите URL страницы для этой карточки.

Укажите колонку, которая содержит информацию о создателе используемого элемента.

Установите значение true, чтобы сохранить исходный URL после перенаправления, если пользователь ранее еще не авторизовался. Значение по умолчанию false.

Укажите значение поля по умолчанию.

<checkbox
  model="data.locked_out"
  label="{data.lockedOutLabel}"
  value="true">
</checkbox>

<list label="Конфигурационная единица" model="data.element" tableName="cmdb" isMandatory="true" condition="{data.condition}" value='[{"database_value":"1","display_value":"Первая"},{"database_value":"2","display_value":"Вторая"}]'></list>

Укажите значение поля по умолчанию. 

<multiselect model="data.values" canExcludeAll="true" values='["1", "2"]' options='[{"database_value":"1","display_value":"Первый"},{"database_value":"2","display_value":"Второй"}]'></multiselect>

Укажите название вида формы таблицы, например, По умолчанию.

Установите значение true, чтобы активировать быстрый просмотр.

Укажите действия, которые необходимо выполнить при событии изменения.

<string
  model="data.lastname"
  event-change="s_widget_custom.updateFullname();">
</string> 

Укажите действия, которые необходимо выполнить при событии нажатия.

<button event-click="window.s_widget_custom.close();">
    {data.closeTitle}
</button>

Укажите, какую функцию необходимо вызвать при смене значения. Укажите в значении атрибута пользовательский метод s_widget_custom, созданный в клиентском скрипте.