Данные классы описывают методы настройки структуры и функциональности виджетов:
Note |
---|
- Используйте методы объекта
это объект , который инициализируетя внутри виджета при создании.- для добавления необходимой функциональности. Объект доступен при инициализации виджета.
- Используйте методы объекта
это объект , который - для добавления необходимой функциональности. Объект инициализируется при добавлении виджета на форму или на страницу портала
.API виджетов описывает методы настройки структуры и функциональности виджетов:
Используйте нижеописанные методы глобальный объект s_widget для того, чтобы выполнить пользовательскую настройку текущего виджета.
Info |
---|
title | Manual console invoke |
---|
Для того чтобы вручную вызвать метод в консоли, передайте ID экземпляра виджета в первом параметре. Например, чтобы вызвать метод: Code Block |
---|
| s_widget.getFieldValue(key); |
используйте следующий методспособ его вызова: Code Block |
---|
| s_widget.getFieldValue(widgetId, key); |
|
Этот метод добавляет дочерний шаблон Используйте метод для добавления дочернего шаблона (template) к существующему по его ID id с одним из следующих типов: inner, before, after.
Параметры:
Название | Тип | Обязательный | Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
id | String | Д | НДа | Укажите id тега div. | Нет | steps |
template | String | Д | Н | Да | Укажите тело шаблона. | Нет | <div class="main"> |
script | String | Н Нет Note |
---|
Для настройки параметра type этот параметр является обязательным. Если параметр script не используется, используйте (''), как показано в примере ниже. |
| Н | type | String (возможные варианты: inner, before, after) | Y | inner
Tooltip |
---|
onlyIcon | true |
---|
appendIcon | info-filled |
---|
iconColor | blue |
---|
|
Если не указано. |
| Составьте скрипт шаблона. Скрипт запускается один раз после добавления шаблона. | Нет | s_widget.addTemplate("cards", s_widget.getFieldValue("template"), "console.log('Hello world!');", "inner"); |
type | String | Нет | Укажите тип шаблона. Это определяет, куда добавляется шаблон. Доступные опции: | | |
Возвращаемое значениеВозврат:
Данный метод Метод не возвращает значение. |
Пример:
Code Block |
---|
language | xml |
---|
title | Add to a template field:Шаблон |
---|
|
<div id="steps"></div> |
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | Add to a client scriptКлиентский скрипт |
---|
|
s_widget.addTemplate('steps', '<div class="main">', '', 'inner'); |
Данный метод возвращает элемент виджета structure.
Используйте метод, чтобы вернуть массив элементов структуры виджета. Элементы в массиве имеют тот же порядок, что и на странице.
Возвращаемое значениеВозврат:
array<elements> | Элементы структуры виджета, собранные в массивArray of HTML elements | Метод возвращает массив элементов структуры виджета. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.getElements() |
---|
linenumbers | true |
---|
|
window.s_widget.getElements(); |
Используйте этот метод для получения значения поля данных виджета, определенного опцией определенных ключом (key).
Параметр:
Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
key | String |
Д | Н | | Да | Укажите ключ поля, который должен использоваться для получения значения. | Нет | element |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
mixedAny | Значение поля определенное указанным ключомМетод возвращает значение поля, заданного ключом (key). |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.getFieldValue |
---|
linenumbers | true |
---|
|
s_widget.getFieldValue('element'); |
Данный метод возвращает объект формы, размещенный при помощи тэга <Form> или <remform>.
Параметр:
Название | Тип | Обязательный | Дефолтное значение |
---|
name | String | Д | Н |
Возврат:
Тип | Описание |
---|
Object | Метод возвращает объект SimpleForm. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.getOptionValue |
---|
|
const builtInForm = s_widgets.getForm('custom');
await builtInForm.save(); |
Данный Используйте метод возвращает для возращения ID экземпляра виджета как значение строки.
ВозвратВозвращаемое значение:
Тип | Описание |
---|
String | Метод возвращает ID экземпляра виджета. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.getId |
---|
linenumbers | true |
---|
|
s_widget.getId(); |
Используйте данный метод для возврата опции виджета получения значения value, определенной опцией keyзаданного в опции ключа (key) из Опций схемы виджета.
Параметр:
Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
key | String |
Д | Н | | Да | Укажите ключ опции из Опций схемы виджета. | Нет | label |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Any | Метод возвращает значение опции виджета, заданной ключом (key) | mixed | Значение опций виджета определено ключом. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.getOptionValue |
---|
|
s_widget.getOptionValue('label'); |
Используйте данный метод, чтобы удалить все дочерние узлы и содержимое указанных элементов. Сами элементы и аттрибуты указанного элемента. Сам элемент и его атрибуты при этом сохраняются.
Параметр:
Название | Тип | Обязательный | Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
id | String | Д | Н | Да | Укажите id тега div. | Нет | element1 |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Void | Данный метод Метод не возвращает значение. |
Пример:
Code Block |
---|
language | xml |
---|
theme | Eclipse |
---|
title | Add this to the Template fieldШаблон |
---|
linenumbers | true |
---|
|
<div id="element1">
Remove meУбрать
</div>
<button buttonType="approve" event-click="window.s_widget_custom.remove();">
Click meДобавить
</button> |
Code Block |
---|
language | css |
---|
theme | Eclipse |
---|
title | Add this to the CSS field |
---|
linenumbers | true |
---|
|
#element1 {
background-color: yellow;
height: 20px;
} |
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | Add this to the Client Script fieldКлиентский скрипт |
---|
linenumbers | true |
---|
|
;
(() => {
window.s_widget_custom = window.s_widget_custom || {};
window.s_widget_custom.remove = function () {
s_widget.removeTemplate('element1');
}
})(); |
Используйте этот метод, чтобы задать значение (value) при помощи для ключа (key).
Info |
---|
Если значение параметра равно 'null'задаваемое значение равно null, например, s_widget.setFieldValue ('subject', null) , заданное поле будет очищено. |
Параметры:
Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
key | String |
Д | НДа | Укажите ключ поля, значение которого нужно изменить. | Нет | table_name |
value |
mixed | Д | Н | Any | Да | Укажите новое значение поля. | Нет | tableName |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Void | Данный метод Метод не возвращает значение. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.setFieldValue |
---|
linenumbers | true |
---|
|
;
(async () => {
const tableName = s_form.getTableName();
const recordId = s_form.getUniqueValue();
const serviceId = s_form.getValue('service');
const serviceDisplayValue = s_form.getDisplayValue('service');
s_widget.setFieldValue('table_name', tableName);
s_widget.setFieldValue('record_id', recordId);
s_widget.setFieldValue('service', { database_value: serviceId, display_value: serviceDisplayValue });
await s_widget.serverUpdate();
})(); |
Данный метод предназначен для переноса данных виджета на серверный скрипт и обновления данных виджета после ответа сервера.
Используйте метод, чтобы перенести данные на сервер, где выполняется серверный скрипт виджета, в результате чего обновляются его данные.
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Object | Метод возвращает промисобъект Promise, содержащий определенные данныеответ сервера. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.serverUpdate |
---|
linenumbers | true |
---|
|
;
(async () => {
const tableName = s_form.getTableName();
const recordId = s_form.getUniqueValue();
s_widget.setFieldValue('table_name', tableName);
s_widget.setFieldValue('record_id', recordId);
const response = await s_widget.serverUpdate();
console.log(response.getData().data);
})(); |
Используйте этот метод, чтобы настроить задать значение (value) опции виджета при помощи для ключа (key) опций виджета.
Параметры:
Название | Тип | Обязательный | Дефолтное значениеОписание | Значение по умолчанию | Пример |
---|
key | String | Д | Н |
value | mixed | Д | Н |
Да | Укажите ключ опции виджета из Опций схемы виджета. | Нет | label |
value | Any | Да | Укажите новое значение опции. | Нет | Name |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Void | Данный метод Метод не возвращает значение. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.setOptionValue |
---|
|
s_widget.setOptionValue('label', 'nameНаименование'); |
Используйте этот метод для отображения данных поля виджета данных виджета в консоли.
ВозвратВозвращаемое значение:
Тип | Описание |
---|
Void | Данный метод Метод не возвращает значение. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widget.showData |
---|
|
s_widget.showData(); |
Вызывайте метод методы у глобального объекта s_widgets в своих скриптах при добавлении виджета на форму или страницу для взаимодействия с виджетом.
Данный метод Метод возвращает значение объекта при помощи из данных виджета для ключа (key) и ID экземпляра виджета (widget instance IDwidgetinstanceID).
Параметры:
Название | Тип | Обязательный | Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
widgetInstanceID | String (значение sys_id) | Д | Н |
key | Integer | Д | Н |
| Да | Укажите ID экземпляра виджета. | Нет | 169598365414458401 |
key | String | Да | Укажите ключ поля, значение которого вы хотите получить. | Нет | name |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
mixedAny | Возвращает Метод возвращает значение объекта. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widgets.getFieldValue |
---|
|
s_widgets.getFieldValue('157555401214600424', 'name'); |
Метод возвращает объект формы, размещенный при помощи тега <Form> или <remform>.
Параметр:
Название | Тип | Обязательный | Значение по умолчанию |
---|
name | String | Да | Нет |
Возвращаемое значение:
Тип | Описание |
---|
Object | Метод возвращает объект SimpleForm. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widgets.getForm |
---|
linenumbers | true |
---|
|
const builtInForm = s_widgets.getForm('custom');
await builtInForm.save(); |
Этот метод возвращает список ID всех экземпляров виджетов на странице. ID включаются в ответ в том же порядке, в котором виджеты расположены на странице.
ВозвратВозвращаемое значение:
Тип | Описание |
---|
List<String>Array | Список ID объектов типа строка Метод возвращает список ID всех экземпляров виджетов на странице. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widgets.getWidgets |
---|
|
s_widgets.getWidgets(); |
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | Пример ответа |
---|
|
['160767740511016793', '160767742115787725', '160767742915897037', '160767743612372124', '158965632914393037', '158965975317960937', '161062077113210360'] |
Используйте данный метод для настройки значения метод, чтобы задать значение (value) поля при помощи ключадля ключа (key) в данных виджета и ID экземпляра виджета (widget instance IDwidgetinstanceID).
Параметры:
Название | Тип | Обязательный | Дефолтное значение | Описание | Значение по умолчанию | Пример |
---|
widgetInstanceID | String (значение sys_id) | Д | Н |
key | Integer | Д | Н |
value | mixed | Д | Н |
| Да | Укажите ID экземпляра виджета. | Нет | 169598365414458401 |
key | String | Да | Укажите ключ поля, значение которого вы хотите задать. | Нет | name |
value | Any | Да | Укажите новое значение поля. | Нет | Alex |
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Void | Метод не возвращает значение. |
Пример:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | s_widgets.setFieldValue |
---|
|
s_widgets.getFieldValuesetFieldValue('157555401214600424', 'name', 'AlexАлександр'); |
Anchor |
---|
Custom method | Custom method | s_widget_customWithin the client-side scripts, you can configure your own widget methods by using the window.s_widget_custom variable:
Code Block |
---|
language | js |
---|
theme | Eclipse |
---|
title | Ex. |
---|
linenumbers | true |
---|
|
window.s_widget_custom.updateFullname = function() {
//
} |