Node-RED:Библиотеки/node-red-dashboard/UI control: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
 
(не показана 1 промежуточная версия 1 участника)
Строка 1: Строка 1:
{{Node-RED/Панель перехода}}
{{Node-RED/Панель перехода}}
{{Перевод от Сubewriter}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}
{{Myagkij-редактор}}
Строка 14: Строка 13:
Кроме того, вы можете управлять страницами панели управления (т.е. вкладками) при помощи отправки '''«msg.payload»''' с объектом вроде...
Кроме того, вы можете управлять страницами панели управления (т.е. вкладками) при помощи отправки '''«msg.payload»''' с объектом вроде...


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
{"tabs": {"hide": "название_вкладки_которую_нужно_спрятать", "disable": ["секретная_вкладка", "что-то_неиспользуемое"]}}
{"tabs": {"hide": "название_вкладки_которую_нужно_спрятать", "disable": ["секретная_вкладка", "что-то_неиспользуемое"]}}
</syntaxhighlight>
</syntaxhighlight>
Строка 22: Строка 21:
Чтобы менять видимость отдельных групп виджетов, в '''«msg.payload»''' должно быть примерно следующее:
Чтобы менять видимость отдельных групп виджетов, в '''«msg.payload»''' должно быть примерно следующее:


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
{"group": {"hide": ["название_вкладки_название_группы_с_нижними_подчеркиваниями"], "show": ["другая_группа "], "focus": true}}
{"group": {"hide": ["название_вкладки_название_группы_с_нижними_подчеркиваниями"], "show": ["другая_группа "], "focus": true}}
</syntaxhighlight>
</syntaxhighlight>

Текущая версия от 13:35, 24 сентября 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Нода «UI control»

Позволяет динамически управлять панелью управления.

По умолчанию функция этой ноды заключается в смене текущей вкладки. Для этого в «msg.payload» может быть либо объект вроде «{"tab":"название_вкладки"}», либо просто название вкладки или числовой индекс вкладки/ссылки, которую нужно показать.

Отправка пустого свойства «msg.payload» ("") обновит текущую страницу. Вы также можете отправить «+1», чтобы перейти на следующую вкладку, или «-1», чтобы перейти на предыдущую.

Кроме того, вы можете управлять страницами панели управления (т.е. вкладками) при помощи отправки «msg.payload» с объектом вроде...

{"tabs": {"hide": "название_вкладки_которую_нужно_спрятать", "disable": ["секретная_вкладка", "что-то_неиспользуемое"]}}

Т.е. вы можете использовать два «переключателя»: «show»/«hide» (показать/спрятать) и «enable»/«disable» (включить/выключить).

Чтобы менять видимость отдельных групп виджетов, в «msg.payload» должно быть примерно следующее:

{"group": {"hide": ["название_вкладки_название_группы_с_нижними_подчеркиваниями"], "show": ["другая_группа "], "focus": true}}

Здесь «focus» – это опциональный «ключ», и с его помощью экран, если нужно, можно проскроллить до нужного места и показать нужную группу. Названия групп – это ID групп, и они, как правило, состоят из названия вкладки плюс название группы, и во всей этой конструкции пробелы заменены на нижние подчеркивания.

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

  • «payload» – здесь может быть «connect», «lost» или «change»
  • «socketid»ID сокета (он будет меняться каждый раз, когда браузер будет перезагружать страницу)
  • «socketip»IP-адрес исходного соединения
  • «tab» – номер вкладки (только для события «change»)
  • «name» – название вкладки (только для события «change»)

См.также

Внешние ссылки