Render multiple panel with innerHTML

VolkovLabs / volkovlabs-dynamictext-panel

Business Text Panel for @grafana

https://docs.volkovlabs.io

Apache License 2.0

78 stars 14 forks source link

Closed sam30606 closed 5 months ago

sam30606 commented 7 months ago

Hi, I tried to use the code below, but it only working on first panel, Has any wrong on my code?

HTML

<div id="panel-main" class="panel">
</div>

Before Content Rendering

const panel = document.getElementById("panel-main")
if (panel) {
panel.innerHTML = "Text";
}
console.log(panel)

Render template Every Row
The result that I want to do. Show diffrence content by quried value in a same panel configuration.

If qty is missing, then show like the right one.

mikhail-vl commented 6 months ago

@sam30606 I am not sure I understood your use case.

Using getElementById for Every Row is not correct, because ids are global and you have many elements with the same id.

Can you use handlebars directly to display content?

mikhail-vl commented 5 months ago

Let us know if there is anything else.