Скрипт

<< Click to Display Table of Contents >>

Navigation:  Создание окон для клиента визуализации > Библиотека HMI >

Скрипт

Элемент Скрипт применяется в случаях, когда стандартного функционала MasterSCADA 4D недостаточно для реализации требуемой логики проекта. Он позволяет подключать внешние модули (например, для интеграции с API) и решать специализированные задачи.

Расположен элемент по пути Библиотеки \ HMI \ Окна \ Диалог \ Скрипт:

Skript_hmi

Вид панели свойств элемента:

Skript_hmi_1

Описание основных свойств графического элемента Скрипт:

Название свойства

Описание

Script

В параметр добавляется ресурс JS, который хранит сценарий работы создаваемого функционала.

Style

В параметр добавляется ресурс CSS, который хранит разметку создаваемого функционала.

Для добавления ресурсов в параметры необходимо нажать на кнопку Редактировать значение:

Skript_hmi_2

И в открывшемся окне Выбор медиа загрузить необходимые файлы в Медиа узла или Медиа окна и нажать на кнопку Применить:

Skript_hmi_3

Использование элемента Скрипт

Возможно несколько вариантов использования элемента Скрипт:

Использование скрипта библиотечного типа - скрипт добавляется в проект в качестве экземпляра непосредственно в структуру проекта. В этом случае для добавления элемента Скрипт можно перетащить его ЛКМ из библиотеки в группы Окна, Графический интерфейс или Скрипты в дереве системы. Такой подход используется, например, для добавления в проект виртуальной клавиатуры:

 Skript_hmi_4

Создание пользовательского типа на основе скрипта.

 Основной алгоритм создания:

1.В пользовательскую библиотеку добавляется Окно и меняется его тип на Скрипт:

Skript_hmi_5

Skript_hmi_6

2.Далее в параметры Script и Style созданного окна добавляются ресурсы JS и CSS, которые будут обеспечивать логику работы пользовательского компонента;

3.В компонент добавляются параметры, которые будут связываться с параметрами проекта;

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

Смотрите также:

Скрипты

Особенности создания окон в библиотеке

Структура окна

Клеммники в редакторе HMI