Node-RED Dashboards: различия между версиями

Строка 95: Строка 95:


Нода '''ui control''' переключает вкладки панели и принимает на вход имя вкладки, которую нужно открыть.
Нода '''ui control''' переключает вкладки панели и принимает на вход имя вкладки, которую нужно открыть.
[[Image: nr-svg-dash-demo-cast.gif |300px|thumb|right| Пример SVG-панели Node-RED ]]


В ноде '''SVG grahpics''' на вкладке '''Event''' описаны события, которые будут генерировать элементы <code>#buzzer-state</code> и <code>#buzzer-control</code>. В обоих случая на выход ноды '''SVG grahpics''' будет отправлено сообщение с информацией о событии и элементе, вызвавшим его. Сообщения с описанием событий обрабатываются нодой '''switch-events'''.
В ноде '''SVG grahpics''' на вкладке '''Event''' описаны события, которые будут генерировать элементы <code>#buzzer-state</code> и <code>#buzzer-control</code>. В обоих случая на выход ноды '''SVG grahpics''' будет отправлено сообщение с информацией о событии и элементе, вызвавшим его. Сообщения с описанием событий обрабатываются нодой '''switch-events'''.
Строка 116: Строка 117:
Image: nr-svg-dash-demo-bindings.png | Привязки
Image: nr-svg-dash-demo-bindings.png | Привязки
Image: nr-svg-dash-demo-svg.png | Код SVG
Image: nr-svg-dash-demo-svg.png | Код SVG
</gallery>
<gallery mode="packed" heights="250px" caption="SVG-панель">
Image: nr-svg-dash-demo-tab1.png | Вкладка с виджетами
Image: nr-svg-dash-demo-tab1+menu.png | Меню вкладок
Image: nr-svg-dash-demo-tab2.png | Вкладка с SVG-изображением
</gallery>
</gallery>