#events #resize #grafana #grafana-plugin
#Мероприятия #изменение размера #grafana #графана-плагин
Вопрос:
Я создал плагин панели с React для Grafana 7. Я хотел бы знать, когда изменяется размер панели на панели мониторинга (т. Е. Перетаскивается мышью, чтобы сделать ее больше или меньше), чтобы плагин мог реагировать на это. Я искал какое-то событие OnResize или подобное, но ничего не могу найти. Есть ли способ определить, когда изменяется размер панели?
Ответ №1:
Вот как я обрабатываю изменение размера внутри плагина панели:
const panelContainer = document.querySelector('selector_for_element_inside_your_plugin').closest('.panel-wrapper');
const panelContanerResizeObserver = new ResizeObserver(resizeHandler);
panelContanerResizeObserver.observe(panelContainer);
Короче говоря, вы выбираете оболочку панели и обрабатываете ее изменение размера с помощью ResizeObserver
Комментарии:
1. Откуда вы берете документ? В примере плагина grafana у вас есть функциональный компонент React, в котором нет документа. Извините, если это основной вопрос, но в документации Grafana отсутствуют какие-либо полезные примеры.