Render multiple panel with innerHTML

VolkovLabs / business-text

The Business Text panel plugin allows you to construct a text visualization template from the values of a dataset returned by a data source query.

https://docs.volkovlabs.io

Apache License 2.0

81 stars 13 forks source link

Closed sam30606 closed 10 months ago

sam30606 commented 11 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 10 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 10 months ago

Let us know if there is anything else.