Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Wie wird das Widget JSON Table eingestellt/formatiert

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Wie wird das Widget JSON Table eingestellt/formatiert

    This topic has been deleted. Only users with topic management privileges can see it.
    • Homoran
      Homoran Global Moderator Administrators @Chaot last edited by

      @Chaot
      Ich habe dieses Widget mehrfach eingebunden und gebe als ID einen Datenpunkt mit einem gültigen json an.

      Da gibt es überhaupt nichts zu konfigurieren.
      Warum soll es dann dazu eine Doku geben??

      Wenn ich das hier richtig lese wollt ihr das Widget umprogrammieren und sucht dafür eine Doku??

      Chaot sigi234 2 Replies Last reply Reply Quote 0
      • Chaot
        Chaot @Homoran last edited by

        @Homoran
        Ich will den nicht umprogrammieren.
        Ich versuche lediglich eine Tabelle einzubinden.
        Alles was ich erhalte ist ein graues Feld.
        Ich habe auch keine Idee wie ich die Tabelle Formatieren kann.
        Überschrift einstellbar?
        Spaltenbreite einstellbar?
        usw.
        Ich habe ja eingangs meine beiden Muster geschreiben und bekomme das mit den vorhandenen Datensätzen schlicht nicht hin.

        1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @Homoran last edited by sigi234

          @Homoran sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

          und gebe als ID einen Datenpunkt mit einem gültigen json an.

          Und genau das ist der springende Punkt.Dann kann man auch die Tabelle ändern.

          Screenshot (3475)_LI.jpg

          1 Reply Last reply Reply Quote 0
          • AlexAtHome
            AlexAtHome last edited by

            Ich hätte auch noch eine Frage zur Formatierung:
            Bei mir funzt das Widget, auch die Spaltenbreite habe ich einstellen können (geht über "Kolumnanzahl" einstellen, und dann tauchen drunter für jede Spalte eigene Abschnitte zur Formatierung auf).

            Ich würde gerne einzelne Zeilen formatieren abhängig vom Wert in einer Spalte (ich stelle meine Wecker dar, und wenn einer an ist, hätte ich den gerne fett, mit grüner Schrift, rosa hinterlegt - what ever, also irgendwie hervorgehoben.

            Geht das mit diesem Widget + CSS?

            1 Reply Last reply Reply Quote 1
            • G
              G.Hawk last edited by G.Hawk

              Hallo
              Ist zwar schon älter, aber genau die Frage habe ich auch.
              Wie kann ich diese Tabelle etwas hübscher machen?

              TomT 1 Reply Last reply Reply Quote 0
              • G
                G.Hawk last edited by

                Hat hier wirklich keiner eine Idee dazu?

                sigi234 Chaot 2 Replies Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @G.Hawk last edited by

                  @Martin-0 sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                  Hat hier wirklich keiner eine Idee dazu?

                  Wie ist der DP?

                  1 Reply Last reply Reply Quote 0
                  • Chaot
                    Chaot @G.Hawk last edited by

                    @Martin-0 Ich habe es aufgegeben.
                    Das habe ich nie zum laufen gebracht. Entweder keine Titelzeile oder alles versetzt oder alle möglich Fehler.
                    Es wird ja leider auch nirgendwo dokumentiert.

                    1 Reply Last reply Reply Quote 0
                    • JB_Sullivan
                      JB_Sullivan last edited by

                      Ich hole den Thread nochmal hervor, da mich auch gerade das Thema json Tabellen umtreibt.

                      Offensichtlich ist hier zumindest einer 😉 @sigi234 der das Thema json Tabellen "verstanden" hat.

                      Also erst einmal grundsätzlich zum besseren Verständnis.

                      Eine json Tabelle ist etwas , was der Entwickler des Adapters programmiert hat oder ist das etwas was der Hersteller des Gerätes ausgibt?

                      In einigen Adaptern kommen ja json Tabellen an. Leider kann man mit deren Inhalt Darstellungsmäßig oftmals nichts anfangen.
                      Kann man die irgendwie selber konfigurieren - also Spalten abwählen?

                      Ich bekomme z.B. diese Tabelle wenn ich das Widget "basic-tabelle" nehme.

                      2020-03-07 08_46_10-Edit vis.png

                      Die ersten drei Spalten sind für mich völlig uninteressant und ich würde diese gerne ausblenden - die Frage ist nur wie?

                      Es gibt aber auch andere Tabellen, wo nur "Strunz" ankommt.

                      2020-03-07 08_58_56-Edit vis.png

                      Wäre echt prima wenn hier jemand mal ein bisschen Lichts ins dunkle der json Tabellen Visualisierung bringen könnte

                      SBorg sigi234 2 Replies Last reply Reply Quote 0
                      • SBorg
                        SBorg Forum Testing Most Active @JB_Sullivan last edited by

                        @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                        Eine json Tabelle ist etwas , was der Entwickler des Adapters programmiert hat oder ist das etwas was der Hersteller des Gerätes ausgibt?

                        Sowohl als auch, meistens jedoch vom Adapter/Skript.

                        @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                        Kann man die irgendwie selber konfigurieren - also Spalten abwählen?

                        Ja, du kannst im Widget angeben was du möchtest. Bei deiner ersten Hardcopy wenn du bspw. nur "name" und "Fehler" möchtest, wählst du einfach "2" Kolumnen, "Name" und "Breite" wie es dir gefällt, und bei JSON Attribut muss der Originalname der JSON-Spalte hinein.
                        Du könntest also für die Überschrift (Name im Editor) zB. Gerät nehmen, wenn er aber im JSON "name" heißt, dann muss der auch so im JSON-Attribut eingetragen werden.

                        @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                        Es gibt aber auch andere Tabellen, wo nur "Strunz" ankommt.

                        Da ist dann das Format falsch oder kein JSON.

                        1 Reply Last reply Reply Quote 0
                        • sigi234
                          sigi234 Forum Testing Most Active @JB_Sullivan last edited by

                          @JB_Sullivan

                          Teste auch mal Vis-materialdesign-Table

                          1 Reply Last reply Reply Quote 1
                          • JB_Sullivan
                            JB_Sullivan last edited by

                            Hallo @SBorg
                            erstmal sorry für die späte Rückmeldung zu diesem Thread - hatte in der Zwischenzeit noch ein paar andere Baustellen, die von der Priorität etwas höher lagen.

                            Also ich habe es jetzt so gemacht, wie du gesagt hast und - JA - es funktioniert - zumindest bei der einen Tabelle (das mit dem Spalten ausblenden)

                            Bei der anderen Tabelle wo nur "Strunz" drin steht, komme ich nicht weiter. Hier mal ein Screenshot von den Einstellungen, sowie dem original Inhalt der json Tabelle. Obwohl ich glaube die richtige Bezeichnung eingegeben zu haben, schreibt er er immer noch undefiniert als Wert in die Tabelle.

                            Kannst du bitte nochmal einen Blick drauf werfen was ich falsch mache?

                            2020-03-14 18_20_32-Edit vis.png

                            2020-03-14 18_07_13-Edit vis.png

                            [{"id":329,"restored":false,"home":true,"time":{"started":1582228270,"startedDateTime":"20.02.2020 20:51:10","runtime":121,"ended":1582229191,"endedDateTime":"20.02.2020 21:06:31"},"status":{"cycle":"dock","phase":"docking","expireM":0,"rechrgM":0,"error":0,"notReady":0,"mssnM":1,"sqft":2,"initiator":"localApp","nMssn":329,"sqm":0.19},"pos":{"current":{"theta":2,"x":160,"y":122},"last":{"theta":2,"x":160,"y":122}},"map":{"img":"data:image/png;base64, <- ab hier kommt nur noch Bilder Quellcode
                            
                            sigi234 1 Reply Last reply Reply Quote 0
                            • sigi234
                              sigi234 Forum Testing Most Active @JB_Sullivan last edited by sigi234

                              @JB_Sullivan

                              Attribut in json Fehler

                              .time weglassen

                              OliverIO 1 Reply Last reply Reply Quote 0
                              • JB_Sullivan
                                JB_Sullivan last edited by JB_Sullivan

                                ??????????? - OK - 😨 😨 😨 - nix verstehn -😅 😅 😅

                                time weg zu lassen macht keinen Unterschied, habe ich schon probiert. Ich dachte das muss so, weil`s in Klammern steht

                                M 1 Reply Last reply Reply Quote 0
                                • SBorg
                                  SBorg Forum Testing Most Active last edited by

                                  @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                                  [{"id":329,"restored":false,"home":true,"time":{"started":1582228270,

                                  Das kann das Widget IMHO nicht. "Normales" JSON ist wie der Anfang: Bezeichnung:Wert, Bezeichnung:Wert, ...
                                  Dann wird aber das JSON bei "time" durch die {} geschachtelt. Da steigt das Widget aus.
                                  Für den Fall müsstest du das JSON mittels JS/Blockly oder Node-RED auseinander nehmen, in (einen) Datenpunkt/e schreiben und dann in der VIS darstellen.

                                  1 Reply Last reply Reply Quote 0
                                  • TomT
                                    TomT @G.Hawk last edited by

                                    @Martin-0 sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                                    Hallo
                                    Ist zwar schon älter, aber genau die Frage habe ich auch.
                                    Wie kann ich diese Tabelle etwas hübscher machen?

                                    Versuch mal ein CSS einzutragen.

                                    .tclass {
                                        background-color: #000000;
                                        border: 1px solid black;
                                        width: 100%;
                                        table-layout: fixed;
                                        font-family: Arial;
                                    }
                                    
                                    .tclass-inner {
                                        background-color: #404040;
                                        border: 1px solid black;
                                        width: 100%;
                                        table-layout: fixed;
                                        height: 100%;
                                    }
                                    
                                    .tclass-th {
                                        background-color: #808080;
                                        color: #000000;
                                        font-weight: bold;
                                    }
                                    
                                    .tclass-th1 {
                                        width: 20px;
                                        text-align: center;
                                    }
                                    
                                    .tclass-th2 {
                                        width: 20px;
                                        text-align: center;
                                    }
                                    
                                    .tclass-tr {
                                        color: #ffffff;
                                    }
                                    
                                    .tclass-tr-even {
                                        background-color: #800000;
                                    }
                                    
                                    .tclass-tr-odd {
                                        background-color: #300000;
                                    }
                                    
                                    Grüße
                                    Tom
                                    
                                    1 Reply Last reply Reply Quote 0
                                    • OliverIO
                                      OliverIO @sigi234 last edited by

                                      @sigi234
                                      Hallo Sigi,
                                      meinst du man sollte ein widget für json-daten bauen, welche dann über ein template (wie bei rssfeed) individuell "programmiert" werden kann?

                                      sigi234 1 Reply Last reply Reply Quote 0
                                      • sigi234
                                        sigi234 Forum Testing Most Active @OliverIO last edited by

                                        @OliverIO sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                                        @sigi234
                                        Hallo Sigi,
                                        meinst du man sollte ein widget für json-daten bauen, welche dann über ein template (wie bei rssfeed) individuell "programmiert" werden kann?

                                        Wäre nicht schlecht, aber viele haben halt Probleme mit den "programmieren" der Templates.
                                        Außer mann macht viele Vorlagen.

                                        OliverIO 1 Reply Last reply Reply Quote 0
                                        • OliverIO
                                          OliverIO @sigi234 last edited by

                                          @sigi234
                                          Wer sich auf JSON einlässt, der kommt mE dem Bereich programmieren schon sehr nahe.
                                          Wer mit den Daten etwas anfangen will, der muss zumindest den Syntax verstehen.
                                          Mit etwas Erklärung zur Syntax
                                          Erklärung welche Hilfestellungen man verwenden kann?
                                          Zur Verfügung gestellte Beispiele, die jemand einfach nachvollziehen kann, müsste das schon gehen.
                                          Wie du evtl. festgestellt hast vertrete ich die Position, die Leute in die richtige Richtung zu stubsen, aber nicht alles vorzugeben. Ein bisschen Lernen muss mit dabei sein. Wer das nicht will/kann der wird es nicht hinbekommen.

                                          Wie gesagt, dieses besagte Widget wäre in null Komma nix fertig, weil es eigentlich nur eine abgespeckte Version des rssfeed widget wäre.
                                          Ich würde dieses widget auch erst einmal im rssfeed adapter belassen. Wenn dann noch weiteres hinzukommt, könnte man es in einen eigenen Adapter verschieben.

                                          1 Reply Last reply Reply Quote 1
                                          • M
                                            marc1180 @JB_Sullivan last edited by

                                            @JB_Sullivan
                                            Hast du hierzu schon ein Lösung gefunden?
                                            Ich stehe gerade vor genau dem selben Problem 😕
                                            Wollte auch die history meines Roombas über Json abbilden und erhalte überall nur [object Object]
                                            alt text

                                            @SBorg
                                            Hab mit Blockly schon einiges gebaut...aber wie ich das hier rausfiltern soll.....dazu fehlt mir gerade jegliche Fantasie.
                                            Die Tabelle wird nach jedem Reinigungsvorgang erweitert. Wenn das über Json nicht geht, dann gerne hier ein paar Tips😬

                                            Gruß

                                            SBorg JB_Sullivan 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            838
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            15
                                            61
                                            14097
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo