Элементы инструментальной панели

Каждая инструментальная панель состоит из элементов. Каждый элемент открывается в панели в отдельном подокне окна инструментальной панели.

Свойства элемента включают:

  • Заголовок и местоположение окна элемента
  • Тип и свойства самого элемента
  • Выражение пригодности, которое позволяет исключать определенные элементы, если целевой контекст (т.е. контекст, для которого открывается относительная инструментальная панель) не подходит под особые критерии.

Типы элементов

Поддерживаются следующие типы элементов инструментальной панели:

  • Виджет
  • Таблица данных
  • Свойства
  • Журнал событий
  • Системное дерево
  • Отчет
  • Инструментальная панель
  • Поля экземпляра класса
  • Список экземпляров класса
  • Сниппет HTML

Виджет

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

Свойства элемента:

Таблица данных

Данный элемент вычисляет выражение, которое должно возвращать таблицу данных. Данные Таблицы данных показаны в Редакторе таблицы данных как часть инструментальной панели.

Элемент Таблица данных идеально подходит для показа результатов запроса в панели инструментов.

Свойства элемента:

  • Выражение получения данных. Выражение, которое необходимо вычислить для получения данных, которые будут отображены компонентом. Оно должно вернуть Таблицу данных.

Среда вычисления выражения получения данных:

Контекст по умолчанию
  • Для абсолютных панелей:  сам контекст инструментальной панели
  • Для относительных панелей: контекст, для которого запущена инструментальная панель
  • Для инструментальных панелей экземпляров класса: контекст класса

Таблица данных по умолчанию

Отсутствует.

Ряд по умолчанию

0

Переменые среды

Только стандартные переменные.
  • Период обновления. Период повторного вычисления выражения, т.e. период обновления данных.

Первое вычисление Выражения осуществляется сервером, и предваительная таблица посылается в SberMobile IIoT Platform Client или другой пользовательский интерфейс SberMobile Server. Последующие вычисления (т.е. через каждый Период обновления) выполняются на стороне SberMobile IIoT Platform Client или других пользовательских интерфейсов.

  • Только чтение. Определяет, можно ли редактировать данные.
  • Включить контекстное меню. Опрелеяет, будет ли показываться контекстное меню.
  • ID иконки. ID иконки для отображения в заголовке окна элемента.
  • ID справочного раздела. ID справочного раздела, на который должен ссылаться элемент.
  • Справка. Текст многострочного информационного сообщения, которое появится над Редактором таблиц данных.
  • Показать панель инструментов. Определяет видимость панели инструментов Редактора таблиц данных.
  • Показать заголовок.  Определяет видимость заголовка Редактора таблиц данных. Неопределенное значение активирует оптимальное поведение по умолчанию.
  • Показать номера строк.  Определяет видимость омеров строк Редактора таблиц данных. Неопределенное значение активирует оптимальное поведение по умолчанию.
  • Горизонтальная прокрутка. Определяет, будет ли включена горизонтальная прокрутка по умолчанию. Неопределенное значение активирует оптимальное поведение по умолчанию.

Свойства

Отображает редактор свойств внутри инструментальной панели.

Свойства элемента:

  • Контекст. Контекст, свойства которого будут отображаться.
  • Группа. Группа отображаемых свойств или значение NULL для отображения свойств, заданных вручную.
  • Свойства. Список отображаемых свойств, если значение Группы является NULL.
  • Простой режим. Использует простой режим редактора свойств.
  • Открывать в режиме чтения. Блокирует редактор при запуске. Необходимо нажать кнопку Разблокировать на панели инструментов для редактирования.

Журнал событий

Отображает журнал событий на инструментальной панели.

Свойства элемента:

  • Фильтр событий. Путь контекста используемого фильтра событий.
  • События. Список событий, отображаемых в журнале, определяемых парами "Путь контекста -Имя события". Данная опция включена, если не задан фильтр.
  • Текущие события. Флажок, указывающий, будет ли отображаться раздел журнала "Текущие события".
  • История событий. Флажок, указывающий, будет ли отображаться раздел журнала "История событий".
  • Автоматически загружать историю событий. Включает/Отключает загрузку истории событий при запуске журнала событий.
  • Показывать имена контекстов. Контролирует видимость столбца "Контекст".
  • Показывать имена событий. Контролирует видимость столбца "Событие".
  • Показывать уровни событий. Контролирует видимость столбца "Уровень".
  • Показывать данные событий.  Контролирует видимость столбца "Данные".
  • Показывать подтверждения событий. Контролирует видимость столбца "Подтверждения".

Системное дерево

Отображает компонент Системное дерево на инструментальной панели. В качестве корня дерева отображается пользователь.

Свойства элемента:

  • Корень. Путь корневого контекста дерева.
  • Действия. Флажок, контролирующий видимость подокна "Действия".
  • Контекстное меню. Флажок, контролирующий видимость Контекстного меню.
  • Показать панель инструментов. Определяет видимость панели инструментов Системного дерева.
  • Выражение нажатия на узел. Это выражение вычисляется при нажатии на любой узел Системного дерева.

Среда вычисления Выражения нажатия на узел:

Контекст по умолчанию

Контекст инструментальной панели

Таблица данных по умолчанию

Поле

Имя

Тип

Описание

Is Added

isAdded

Boolean

True, если элемент первого пути добавлен к выбору, false - если элемент первого пути удален из выбора.

Local Path

localPath

String

Локальный путь  в Системном дереве узла, который был добавлен или удален из выбора.

Remote Path

remotePath

String

Путь к контексту удаленного сервера узла, который был добавлен или удален из выбора.

Selection

selection

Data Table

Список отобранных на настоящий момент узлов. Имеет два поля:

  • localSelectionPath (String) - Локальный путь выбранного узла в Системном дереве.
  • remoteSelectionPath (String) - Путь к контексту удаленного сервера выбранного узла

Ряд по умолчанию

0

Переменые среды

Только стандартные переменные.
  • Выражение фильтрации узла. Выражение устанавливает a пользовательский фильтр для узлов, отображенных в Системном дереве. Если это выражение вычисляется в true, узел отображается в Системном дереве. В противном случае, узел не отображается.

Среда вычисления Выражения фильтрации узла:

Контекст по умолчанию

Контекст узла

Таблица данных по умолчанию

Нет.

Ряд по умолчанию

0

Переменые среды

Только стандартные переменные.

Отчет

Показывает обозреватель отчетов внутри инструментальной панели.

Свойства элемента:

  • Отчет. Путь контекста отчета.

Не все отчеты поддерживаются в Web UI версии. Отчет откроется в новой вкладке браузера или будет загружен, в зависимости от выбранного формата отчета.

Инструментальная панель

Открывает новую панель инструментов в окне инструментальной панели.

Свойства элемента:

  • Инструментальная панель. Путь контекста панели инструментов.

Сниппет HTML

Отображает содержание веб-страницы внутри инструментальной панели.

Типы элемента:

  • Фрейм. Отображает URL-адрес веб-страницы.
  • HTML. Отображает страницу HTML. Поддерживает элементы CSS.

Вы можете включить или отключить проверку html, используя опцию Проверить HTML.

  • Выражение. Вычисляет выражение типа string в страницу HTML и отображает ее внутри инструментальной панели.

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

<a onclick="<e>{users.admin.dashboards.db2:open!}</e>" href="javascript:;">Click Me!</a>

Библиотеки javascript в сниппете html

Пример ReactJS:

<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8" />

    <title>Add React in One Minute</title>

  </head>

 

  <body>

    <h2>Add React in One Minute</h2>

    <p>This page demonstrates using React with no build tooling.</p>

    <p>React is loaded as a script tag.</p>

    <p>

      This is the first comment.

      <div class="like_button_container" data-commentid="1"></div>

    </p>

  </body>

 

<script type="text/javascript" src="https://unpkg.com/react@16/umd/react.development.js"></script>

<script type="text/javascript" src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<script type="text/javascript">

const e = React.createElement;

class LikeButton extends React.Component {

  constructor(props) {

    super(props);

    this.state = { liked: false };

  }

  render() {

    let isLiked = localStorage.getItem("likedState") || this.state.liked;

    if (isLiked) {

      return 'You liked comment number ' + this.props.commentID;

    }

    return e(

      'button',

      { onClick: () => { localStorage.setItem("likedState", true); this.setState({ liked: true })} },

      'Like'

    );

  }

}

document.querySelectorAll('.like_button_container')

  .forEach(domContainer => {

    const commentID = parseInt(domContainer.dataset.commentid, 10);

    ReactDOM.render(

      e(LikeButton, { commentID: commentID }),

      domContainer

    );

  });

</script>

 

</html>

Пример Vue.js:

<!DOCTYPE html>

<html>

<head>

<title>Vue.js</title>

<meta charset="utf-8" />

</head>

 

<body>

<div id="app">

    <input type="text" v-on:input="setMessage" />

    <p>{{message}}</p>

</div>

 

<script src="https://unpkg.com/vue"></script>

<script>

'use strict';

var app = new Vue({

    el: '#app',

    data: {

        message: localStorage.getItem("vueMessage") || 'Hello Vue!'

    },

    methods: {

        setMessage: function setMessage(event) {

            this.message = event.target.value;

            localStorage.setItem("vueMessage", this.message);

        }

    }

});

</script>

 

</body>

</html>

Пример AngularJS:

<!DOCTYPE html>

<html lang="en">

<title>AngularJS First Application</title>

 

<head>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

</head>

 

<body>

<div ng-app>

 

   <p>Enter Some text : <input type="text" ng-model="someText"></p>

   <p>Hello {{ someText }}!</p>

 

</div>

</body>

</html>

Поля экземпляра класса

данный элемент отображает набор или группу полей экземпляра класса в Редакторе таблиц данных. Он доступен только для панелей инструментов экземпляра класса.

Свойства элемента:

  • Только чтение. Определяет, можно ли редактировать данные.
  • Контекст хранилища. Определяет контекст хранения для получения данных. Для классов, должен указывать на контекст класса.
  • Просмотр. Определяет используемый просмотр.
  • Специальный запрос. Определяет запрос SQL для выполнения. Должен использоваться, когда контекст хранилища указывает на внешнюю базу данных. Доступно, только если Просмотр является нестандартным.
  • Класс/Таблица.Класс или таблица для получения данных. Доступны только если Просмотр нестандартный.
  • Тип набора полей. Определяет, будет ли показана преднастроенная группа полей или пользовательский набор полей.
  • Группа. Отпеределяет, какую группу полей отображать. Доступна, только если Тип набора групп является группой.
  • Поля. Определяет отображаемые поля. Доступна, только если Тип набора групп является выбранными полями.
  • ID иконки. ID иконки для отображения заголовка окна элемента.
  • ID справочного раздела. ID справочного огтдела, на который должен ссылаться элемент.
  • Справка. Текст многострочного информационного сообщения, которое появится  над Редактором таблиц данных.
  • Показать панель инструментов. Определяет видимость панели инструментов Редактора таблиц данных.
  • Показать заголовок.  Определяет видимость заголовка Редактора таблиц данных. Неопределенное значение активирует оптимальное поведение по умолчанию.
  • Показать номера строк.  Определяет видимость омеров строк Редактора таблиц данных. Неопределенное значение активирует оптимальное поведение по умолчанию..
  • Горизонтальная прокрутка. Определяет, будет ли включена горизонтальная прокрутка по умолчанию. Неопределенное значение активирует оптимальное поведение по умолчанию.

Список экземпляров класса

Данный элемент отображает список экземпляров класса в Редакторе таблиц данных.

Свойства элемента:

  • Только чтение. Определяет, можно ли редактировать данные.
  • Контекст хранилища. Определяет контекст хранения для получения данных. Для классов, должен указывать на контекст класса.
  • Просмотр. Определяет используемый просмотр.
  • Специальный запрос. Определяет запрос SQL для выполнения. Должен использоваться, когда контекст хранилища указывает на внешнюю базу данных. Доступно, только если Просмотр является нестандартным.
  • Класс/Таблица. Класс или таблица для получения данных. Доступны только если Просмотр нестандартный.
  • Фильтр. Настраивает правила фильтрации, применимые к экземплярам. Доступны только если Просмотр нестандартный, и Специальный запрос не определен.
  • Сортировка. Настраивает правила сортировки, применимые к экземплярам. Доступны только если Просмотр нестандартный, и Специальный запрос не определен.
  • Связь. Если список экземпляров класса показывается на панели инструментов другого класса, возможно отображать только те экземпляры, которые связаны с экземпляром, отображенным на текущей панели. В этом случае необходимо выбрать связь для правильной фильтрации экземпляров.
  • Тип набора полей. Определяет, будет ли показана преднастроенная группа полей или пользовательский набор полей.
  • Группа. Отпеределяет, какую группу полей отображать. Доступна, только если Тип набора групп является группой.
  • Поля. Определяет отображаемые поля. Доступна, только если Тип набора групп является выбранными полями.
  • ID иконки. ID иконки для отображения заголовка окна элемента.
  • ID справочного раздела. ID справочного огтдела, на который должен ссылаться элемент.
  • Справка. Текст многострочного информационного сообщения, которое появится над Редактором таблиц данных.
  • Показать панель инструментов. Определяет видимость панели инструментов Редактора таблиц данных.
  • Показать заголовок.  Определяет видимость заголовка Редактора таблиц данных. Неопределенное значение активирует оптимальное поведение по умолчанию.
  • Показать номера строк.  Определяет видимость омеров строк Редактора таблиц данных. Неопределенное значение активирует оптимальное поведение по умолчанию..
  • Горизонтальная прокрутка. Определяет, будет ли включена горизонтальная прокрутка по умолчанию. Неопределенное значение активирует оптимальное поведение по умолчанию.
  • Добавить запись. Позволяет переписать "Добавить запись" в инструментальной панели списка экземпляров класса. Добавит новый экземпляр класса по умолчанию. Выбранное действие будет выполнено после переписывания.
  • Показывать результат добавления записи. Включите данный параметр, чтобы показывать динамику действий "Добавить запись". Отключение параметра скроет подобные действия. Подробнее см. Интерактивные действия.
  • Параметры действия добавления записи. Определяет параметры Действия добавления записи.
  • Действие удаления записи. Позволяет переписать "Удалить ряд" в инструментальной панели списка экземпляров класса. Удалит выбранный экземпляр класса по умолчанию. Выбранное действие будет выполнено после переписывания.
  • Параметры действия удаления записи. Определяет параметры Действия удаления записи.
  • Редактирование в новом окне. Позволяет изменить ряд таблицы в отдельном окне.
  • Действие обновления записи. Позволяет переписать действие "Изменить в новом окне". Выбранное действие будет выполнено после переписывания.
  • Параметры действия обновления записи. Определяет параметры Действия обновления записи.