<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[[gelöst] Mit Json-Table Widget als &quot;Liste&quot; (Zeilen)]]></title><description><![CDATA[<p dir="auto">Nachdem ich nun diverse Threads zum Json-Table Widget durchgelesen habe bin ich mir gerade völlig unsicher ob "sowas" damit überhaupt (einfach !) geht:</p>
<ul>
<li>Mein Datenpunkt/Object (MQTT Topic) liefert eine Liste von Json Name/Value Paaren.</li>
<li>Diese möchte ich nun NICHT (wie in vielen Beispielen hier im Forum) in mehreren SPALTEN sondern in untereinander in ZEILEN ausgeben.</li>
</ul>
<p dir="auto">Geht sowas ?</p>
<p dir="auto">Idealerweise wären noch folgende Features realisierbar</p>
<ul>
<li>Auswahl der anzuzeigenden Name/Value Zeilen</li>
<li>Anzeige innerhalb des Widgets vertikal scrollbar.</li>
</ul>
<p dir="auto">Da das Ganze nur eine zusätzliche Kontrolle ("debug") darstellt möchte ich dazu keine "over-engineered" Lösung entwickeln.</p>
<ul>
<li>Keine (viele) weiteren/neuen Datenpunkte</li>
<li>keine (übermäßig) komplexe Scripte</li>
<li>möglichst nur ein Widget ggf. in eigener/separater View</li>
</ul>
<p dir="auto">Danke erst'mal zu kurzen Kommentaren ob "sowas" machbar ist (evtl. Beispiel).<br />
-sb</p>
<p dir="auto">Inhalt Datenpunkt (mqtt.0.ems-esp.boiler_data):</p>
<pre><code>{"heatingActive":"off","tapwaterActive":"off","selFlowTemp":7,"selBurnPow":0,"curBurnPow":0,"heatingPumpMod":30,"outdoorTemp":27.7,"curFlowTemp":23.3,"retTemp":23.2,"switchTemp":0,"sysPress":1.3,"boilTemp":24.5,"burnGas":"off","flameCurr":0,"heatingPump":"on","fanWork":"off","ignWork":"off","heatingActivated":"on","heatingTemp":90,"pumpModMax":91,"pumpModMin":30,"pumpDelay":61,"burnMinPeriod":10,"burnMinPower":0,"burnMaxPower":100,"boilHystOn":-6,"boilHystOff":6,"burnStarts":139077,"burnWorkMin":2293632,"heatWorkMin":2119403,"UBAuptime":6864767,"serviceCode":"0H","serviceCodeNumber":203,"lastCode":"2L(329) 03.03.2019 12:17"}
</code></pre>
<p dir="auto">Gewünschte Darstellung z.B.</p>
<pre><code>Parameter/Name			Value
heatingActive			off
burnGas				off
outdoorTemp			27.7
selFlowTemp			7
curFlowTemp			23.3
serviceCode			0H
serviceCodeNumber		203
</code></pre>
]]></description><link>https://forum.iobroker.net/topic/46980/gelöst-mit-json-table-widget-als-liste-zeilen</link><generator>RSS for Node</generator><lastBuildDate>Thu, 30 Apr 2026 00:42:51 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/46980.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 12 Aug 2021 12:11:37 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to [gelöst] Mit Json-Table Widget als &quot;Liste&quot; (Zeilen) on Thu, 12 Aug 2021 13:39:02 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Danke auch für die Variante mit White-Liste</p>
]]></description><link>https://forum.iobroker.net/post/663288</link><guid isPermaLink="true">https://forum.iobroker.net/post/663288</guid><dc:creator><![CDATA[stbuerger]]></dc:creator><pubDate>Thu, 12 Aug 2021 13:39:02 GMT</pubDate></item><item><title><![CDATA[Reply to [gelöst] Mit Json-Table Widget als &quot;Liste&quot; (Zeilen) on Thu, 12 Aug 2021 13:37:00 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/oliverio" aria-label="Profile: oliverio">@<bdi>oliverio</bdi></a> Super ! Danke ! Funktioniert 1a</p>
]]></description><link>https://forum.iobroker.net/post/663284</link><guid isPermaLink="true">https://forum.iobroker.net/post/663284</guid><dc:creator><![CDATA[stbuerger]]></dc:creator><pubDate>Thu, 12 Aug 2021 13:37:00 GMT</pubDate></item><item><title><![CDATA[Reply to [gelöst] Mit Json-Table Widget als &quot;Liste&quot; (Zeilen) on Thu, 12 Aug 2021 12:38:51 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stbuerger" aria-label="Profile: stbuerger">@<bdi>stbuerger</bdi></a></p>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/oliverio" aria-label="Profile: OliverIO">@<bdi>OliverIO</bdi></a> hat ja schon eine profi lösung angeboten</p>
<p dir="auto">hier ein kleines script - macht das gleiche - mit whitelist für nur bestimmte werte</p>
<p dir="auto">als widget ein html standard widget mit binding auf dp</p>
<p dir="auto"><img src="/assets/uploads/files/1628771831914-image-4.png" alt="Image 4.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spoiler</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>let myObj=JSON.parse('{"heatingActive":"off","tapwaterActive":"off","selFlowTemp":7,"selBurnPow":0,"curBurnPow":0,"heatingPumpMod":30,"outdoorTemp":27.7,"curFlowTemp":23.3,"retTemp":23.2,"switchTemp":0,"sysPress":1.3,"boilTemp":24.5,"burnGas":"off","flameCurr":0,"heatingPump":"on","fanWork":"off","ignWork":"off","heatingActivated":"on","heatingTemp":90,"pumpModMax":91,"pumpModMin":30,"pumpDelay":61,"burnMinPeriod":10,"burnMinPower":0,"burnMaxPower":100,"boilHystOn":-6,"boilHystOff":6,"burnStarts":139077,"burnWorkMin":2293632,"heatWorkMin":2119403,"UBAuptime":6864767,"serviceCode":"0H","serviceCodeNumber":203,"lastCode":"2L(329) 03.03.2019 12:17"} ')
// anstatt daten als variablemit  getState 
let whiteList=['tapwaterActive','curBurnPow','curFlowTemp'] // hier daten, die angezeigt werden sollen
let myHTMLobject='&lt;table&gt;'
Object.keys(myObj).forEach(function(key) {
 console.log('Key : ' + key + ', Value : ' + myObj[key])
 for (let i=0;i&lt;whiteList.length;i++)
 if(key==whiteList[i]) myHTMLobject=myHTMLobject+'&lt;tr&gt;' + '&lt;td&gt;' + key + '&lt;/td&gt;'   +  '&lt;td&gt;' + myObj[key]+ '&lt;/td&gt;' + '&lt;/tr&gt;'
})
myHTMLobject=myHTMLobject+`&lt;/table&gt;`



log(myHTMLobject)  // hier: setstate für vis binding
</code></pre>
<p dir="auto"></p></section></section><p></p>
]]></description><link>https://forum.iobroker.net/post/663246</link><guid isPermaLink="true">https://forum.iobroker.net/post/663246</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 12 Aug 2021 12:38:51 GMT</pubDate></item><item><title><![CDATA[Reply to [gelöst] Mit Json-Table Widget als &quot;Liste&quot; (Zeilen) on Thu, 12 Aug 2021 12:28:54 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stbuerger" aria-label="Profile: stbuerger">@<bdi>stbuerger</bdi></a> said in <a href="/post/663222">Mit Json-Table Widget als "Liste" (Zeilen) anzeigen ?</a>:</p>
<blockquote>
<p dir="auto">{"heatingActive":"off","tapwaterActive":"off","selFlowTemp":7,"selBurnPow":0,"curBurnPow":0,"heatingPumpMod":30,"outdoorTemp":27.7,"curFlowTemp":23.3,"retTemp":23.2,"switchTemp":0,"sysPress":1.3,"boilTemp":24.5,"burnGas":"off","flameCurr":0,"heatingPump":"on","fanWork":"off","ignWork":"off","heatingActivated":"on","heatingTemp":90,"pumpModMax":91,"pumpModMin":30,"pumpDelay":61,"burnMinPeriod":10,"burnMinPower":0,"burnMaxPower":100,"boilHystOn":-6,"boilHystOff":6,"burnStarts":139077,"burnWorkMin":2293632,"heatWorkMin":2119403,"UBAuptime":6864767,"serviceCode":"0H","serviceCodeNumber":203,"lastCode":"2L(329) 03.03.2019 12:17"}</p>
</blockquote>
<p dir="auto">so in etwa?:<br />
<img src="/assets/uploads/files/1628770992606-8e29f8a2-59a8-44be-809f-f4ad78faa9cf-image.png" alt="8e29f8a2-59a8-44be-809f-f4ad78faa9cf-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Erstellt mit meinem Widget JSON Template 2 aus dem Adapter rssfeed verfügbar auf beta<br />
Details dazu<br />
<a href="https://forum.iobroker.net/topic/31521/test-widget-json-template">https://forum.iobroker.net/topic/31521/test-widget-json-template</a></p>
<ol>
<li>widget in vis hinzufügen</li>
<li>datenpunkt mit json in widget feld json_oid auswählen</li>
<li>folgendes template in feld json_template einfügen</li>
</ol>
<pre><code>&lt;table&gt;
&lt;tr&gt;
&lt;td&gt;Parameter/Name&lt;/td&gt;&lt;td&gt;Value&lt;/td&gt;
&lt;/tr&gt;
&lt;% for (var attribute in data) { %&gt;
&lt;tr&gt;
&lt;td&gt;&lt;%- attribute %&gt;&lt;/td&gt;&lt;td&gt;&lt;%- data[attribute] %&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;% } %&gt;
&lt;/table&gt;
</code></pre>
<p dir="auto">Bei bedarf kann noch beliebiges HTML oder CSS für Styling hinzugefügt werden.<br />
Bei Fragen stehe ich gerne zur Verfügung.</p>
]]></description><link>https://forum.iobroker.net/post/663237</link><guid isPermaLink="true">https://forum.iobroker.net/post/663237</guid><dc:creator><![CDATA[OliverIO]]></dc:creator><pubDate>Thu, 12 Aug 2021 12:28:54 GMT</pubDate></item></channel></rss>