Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Данные классы описывают методы настройки структуры и функциональности виджетов:
- Используйте методы объекта
- s_widget
- класса SimpleWidget
- для добавления необходимой функциональности. Объект доступен при инициализации виджета.
- Используйте методы объекта
- s_widgets
- класса SimpleWidgets
- для добавления необходимой функциональности. Объект инициализируется при добавлении виджета на форму или на страницу портала.
API виджетов описывает методы и custom method declarations for widget structure and functionality customization:
- Use
Для создания пользовательских методов используйтеs_widget
and swidgets methods in client-side scripts to implement the widget functionality you need.If you need to create your own widget methods, use the method functionality.
Info Эти методы могут
быть использованы только на стороне клиента.
SimpleWidget
s_widget
To perform the current widget customization you created, use the methods below.
Используйте глобальный объект s_widget для того, чтобы выполнить пользовательскую настройку текущего виджета.
Info | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
Для того чтобы вручную вызвать метод в консоли, передайте ID экземпляра виджета в первом параметре. Например, чтобы вызвать метод | ||||||||||
Info | ||||||||||
| ||||||||||
In the console, to manually invoke the method, pass the widget instance ID as the first parameter. For example, to call the following method:
use the method insteadиспользуйте следующий способ его вызова:
|
s_widget.addTemplate(id, template, script, type)
This method adds a child template to the existing template by its ID with one of the following typesИспользуйте метод для добавления дочернего шаблона (template) к существующему по его id с одним из следующих типов: inner, before, after.
Параметры:
Название | Тип | Обязательный | Дефолтное значениеОписание | Значение по умолчанию | Пример | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
id | String | Д | НДа | Укажите id тега div. | Нет | steps | |||||||||||||||||
template | String | Д | НДа | Укажите тело шаблона. | Нет | <div class="main"> | |||||||||||||||||
script | String | ННет
| патаметра
| Н | type | String (возможные варианты: inner, before, after) | Y |
Tooltip | ||||||
---|---|---|---|---|---|---|
| ||||||
Если не указано. |
Составьте скрипт шаблона. Скрипт запускается один раз после добавления шаблона.
Укажите тип шаблона. Это определяет, куда добавляется шаблон. Доступные опции:
- inner
- before
- after
inner
before
Возвращаемое значениеВозврат:
Тип | Описание |
---|---|
Void |
Метод не возвращает значение. |
Пример:
Code Block | ||||
---|---|---|---|---|
| ||||
<div id="steps"></div> |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widget.addTemplate('steps', '<div class="main">', '', 'inner'); |
s_widget.getElements()
Данный метод возвращает элемент виджета structure.
Используйте метод, чтобы вернуть массив элементов структуры виджета. Элементы в массиве имеют тот же порядок, что и на странице.
Возвращаемое значениеВозврат:
Тип | Описание |
---|
Array of HTML elements | Метод возвращает массив элементов структуры виджета. |
Пример:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
window.s_widget.getElements(); |
s_widget.getFieldValue(key)
Use this method to return the widget field value defined by the key optionИспользуйте этот метод для получения значения данных виджета, определенных ключом (key).
Параметр:
Название | Тип | Обязательный |
---|
Описание | Значение по умолчанию | Пример |
---|---|---|
key | String |
Да | Укажите ключ поля, который должен использоваться для получения значения. | Нет | element |
Возвращаемое значениеВозврат:
Тип | Описание |
---|---|
mixedAny | Значение поля определенное указанным ключомМетод возвращает значение поля, заданного ключом (key). |
Пример:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
s_widget.getFieldValue('element'); |
s_widget
.getForm()Данный метод возвращает объект формы, размещенный при помощи тэга <Form> или <remform>.
Параметр:
Возврат:
Пример:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
const builtInForm = s_widgets.getForm('custom');
await builtInForm.save(); |
getId()
Данный Используйте метод возвращает для возращения ID экземпляра виджета как значение строки.
ВозвратВозвращаемое значение:
Тип | Описание |
---|---|
String | Метод возвращает ID экземпляра виджета. |
Пример:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
s_widget.getId(); |
s_widget.getOptionValue(key)
Используйте данный метод для возврата опции виджета получения значения value, определенной опцией keyзаданного в опции ключа (key) из Опций схемы виджета.
Параметр:
Название | Тип | Обязательный |
---|
Описание | Значение по умолчанию | Пример |
---|---|---|
key | String |
Да | Укажите ключ опции из Опций схемы виджета. | Нет | label |
Возвращаемое значениеВозврат:
Тип | Описание | ||
---|---|---|---|
Any | Метод возвращает значение опции виджета, заданной ключом (key) | mixed | Значение опций виджета определено ключом. |
Пример:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widget.getOptionValue('label'); |
s_widget.removeTemplate(id)
The method removes all child nodes and content from the specified elements. It does not remove the element itself or its attributesИспользуйте метод, чтобы удалить все дочерние узлы и содержимое указанного элемента. Сам элемент и его атрибуты при этом сохраняются.
Параметр:
Название | Тип | Обязательный | Дефолтное значениеОписание | Значение по умолчанию | Пример | |||
---|---|---|---|---|---|---|---|---|
id | String | Д | Н | Да | Укажите id тега div. | Нет | element1 |
Возвращаемое значениеВозврат:
Тип | Описание |
---|---|
Void | Данный метод Метод не возвращает значение. |
Пример:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<div id="element1"> Remove meУбрать </div> <button buttonType="approve" event-click="window.s_widget_custom.remove();"> Click meДобавить </button> |
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
#element1 { background-color: yellow; height: 20px; } |
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
; (() => { window.s_widget_custom = window.s_widget_custom || {}; window.s_widget_custom.remove = function () { s_widget.removeTemplate('element1'); } })(); |
s_widget.setFieldValue(key, value)
This method sets a value using the keyИспользуйте этот метод, чтобы задать значение (value) для ключа (key).
Info |
---|
If the value parameter is equal to 'null', for exampleЕсли задаваемое значение равно null, например, |
Parameter(s):
Return:
заданное поле будет очищено. |
Параметры:
Название | Тип | Обязательный | Описание | Значение по умолчанию | Пример |
---|---|---|---|---|---|
key | String | Да | Укажите ключ поля, значение которого нужно изменить. | Нет | table_name |
value | Any | Да | Укажите новое значение поля. | Нет | tableName |
Возвращаемое значение:
Тип | Описание |
---|---|
Void | Метод не возвращает значение. |
Пример
Example:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
; (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(); })(); |
s_widget.serverUpdate()
This method transfers widget data to a server script and updates widget data according to the server reply.
Return:
Используйте метод, чтобы перенести данные на сервер, где выполняется серверный скрипт виджета, в результате чего обновляются его данные.
Возвращаемое значение:
Тип | Описание |
---|---|
Object | Метод возвращает объект Promise, содержащий ответ сервера. |
Пример
Example:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
; (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); })(); |
s_widget.setOptionValue(key, value)
This method sets a widget option value using the key option.
Parameter(s):
Используйте этот метод, чтобы задать значение (value) для ключа (key) опций виджета.
Название | Тип | Обязательный | Описание | Значение по умолчанию | Пример | Name | Type | Mandatory | Default Value|
---|---|---|---|---|---|---|---|---|---|
key | String | Y | N | ||||||
value | mixed | Y | N |
Return:
Да | Укажите ключ опции виджета из Опций схемы виджета. | Нет | label | ||
value | Any | Да | Укажите новое значение опции. | Нет | Name |
Возвращаемое значение:
Тип | Описание |
---|---|
Void | Метод не возвращает значение. |
Пример
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widget.setOptionValue('label', 'nameНаименование'); |
s_widget.showData()
The method displays the field data of a widget in the console.
Return:
This method does not return a value.
Используйте этот метод для отображения данных виджета в консоли.
Возвращаемое значение:
Тип | Описание |
---|---|
Void | Метод не возвращает значение. |
Пример
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widget.showData(); |
SimpleWidgets
s_widgets
Invoke the s_widgets methods within your scripts, when adding a widget to a form or a page for widget interactionВызывайте методы у глобального объекта s_widgets в своих скриптах при добавлении виджета на форму или страницу для взаимодействия с виджетом.
s_widgets.getFieldValue(widgetInstanceID, key)
This method returns the objectvalue using the key and widget instance ID.Метод возвращает значение из данных виджета для ключа (key) и ID экземпляра виджета (widgetinstanceID).
Параметры:
Название | Тип | Обязательный | Описание | Значение по умолчанию | Пример |
---|---|---|---|---|---|
widgetInstanceID | String | Да | Укажите ID экземпляра виджета. | Нет | 169598365414458401 |
key | String | Да | Укажите ключ поля, значение которого вы хотите получить. | Нет | name |
Возвращаемое значение:
Тип | Описание |
---|---|
Any | Метод возвращает значение объекта. |
Пример
Parameter(s):
Return:
:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widgets.getFieldValue('157555401214600424', 'name'); |
s_widgets.getForm()
Метод возвращает объект формы, размещенный при помощи тега <Form> или <remform>.
Параметр:
Название | Тип | Обязательный | Значение по умолчанию |
---|---|---|---|
name | String | Да | Нет |
Возвращаемое значение:
Тип | Описание |
---|---|
Object | Метод возвращает объект SimpleForm. |
Пример:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
const builtInForm = s_widgets.getForm('custom'); await builtInForm.save(); |
s_widgets.getWidgets()
This method returns all the widget instance IDs of the page.
Return:
Этот метод возвращает список ID всех экземпляров виджетов на странице. ID включаются в ответ в том же порядке, в котором виджеты расположены на странице.
Возвращаемое значение:
Тип | Описание |
---|---|
Array | Метод возвращает список ID всех экземпляров виджетов на странице. |
Пример
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widgets.getWidgets(); |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
['160767740511016793', '160767742115787725', '160767742915897037', '160767743612372124', '158965632914393037', '158965975317960937', '161062077113210360'] |
s_widgets.setFieldValue(widgetInstanceID, key, value)
This method sets the value using the key and the widget instance ID.
Parameter(s):
Return:
Используйте метод, чтобы задать значение (value) для ключа (key) в данных виджета и ID экземпляра виджета (widgetinstanceID).
Параметры:
Название | Тип | Обязательный | Описание | Значение по умолчанию | Пример |
---|---|---|---|---|---|
widgetInstanceID | String | Да | Укажите ID экземпляра виджета. | Нет | 169598365414458401 |
key | String | Да | Укажите ключ поля, значение которого вы хотите задать. | Нет | name |
value | Any | Да | Укажите новое значение поля. | Нет | Alex |
Возвращаемое значение:
Тип | Описание |
---|---|
Void | Метод не возвращает значение. |
Пример
Example:
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
s_widgets.getFieldValuesetFieldValue('157555401214600424', 'name', 'AlexАлександр'); |
Within the client-side scripts, you can configure your own widget methods by using the window.s_widget_custom variable:
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
window.s_widget_custom.updateFullname = function() {
//
} |
Table of Contents | ||||
---|---|---|---|---|
|