Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Table Widget

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Table Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      Rosi8818 @DevChannel-de last edited by

      @devchannel-de das habe ich auch schob probiert, im zweiten Kalender einer Instanz habe ich extra für morgen ein Termin eingestellt aber den Kalender zeigt er überhaupt nicht an... das wird bestimmt wieder eine Kleinigkeit sein (wie immer).
      Auch interessant, den Filter kann man einstellen und funktioniert aber mit zwei Werten auch nicht bspw. Test;Bio
      Ich muss noch viel suchen und lernen 😉

      1 Reply Last reply Reply Quote 0
      • O
        Oli @Scrounger last edited by

        @scrounger

        sorry ich checks mal wieder nicht.

        ich fülle mir über ein Script eine Tabelle, was muss ich in die Json mit einbauen, damit ich über alle Spalten einen Button_State habe?

        Hier mal der Codeschnipsel für mein Json:

        deviceList.push({
              image: image,                    
              subText: subText,
              ist: temp + " °C",
              soll: stemp + " °C",
              ventil: ventil + " %", 
             status: status,
             etage: etage,                                                                                                                    
        });
        
        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @Oli last edited by Scrounger

          @oli
          Warte bitte auf die v0.5.x, ich hab hier nochmal was geändert. Version gibts als beta wahrscheinlich am Wochenende.

          Du kannst aber auch die aktuelle github version testen, hier ist beschrieben wie das geht inkl. einem Beispiel:
          https://github.com/Scrounger/ioBroker.vis-materialdesign#control-elements-using-html-widgets

          Glasfaser 1 Reply Last reply Reply Quote 1
          • Glasfaser
            Glasfaser @Scrounger last edited by

            @liv-in-sky
            siehe oben ...
            das wäre was für dich HTML Control Widgets , zum eventuellen einbauen in deine Script´s !!!!

            Scrounger 1 Reply Last reply Reply Quote 1
            • Scrounger
              Scrounger Developer @Glasfaser last edited by

              @glasfaser sagte in Material Design Widgets: Table Widget:

              @liv-in-sky
              siehe oben ...
              das wäre was für dich HTML Control Widgets , zum eventuellen einbauen in deine Script´s !!!!

              Genau, gutes Beispiel wo man das sehr gut anwenden könnte.
              Aber bitte wartet bis ich die v0.5.0-beta hier im Forum zum testen freigebe - wahrscheinlich am WE.

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

                Hallo zusammen,

                wie bekomme ich den Wert eines Datenpunktes z.B. "tankerkoenig.0.stations.0.diesel.short" in das Feld "Daten aus JSON"
                integriert, damit mir der Wert des DP angezeigt wird? Geht das nur über dem Umweg mit einem Script eine Json zu erstellen?

                EDIT: Hat sich erledigt, habe es über ein Script realisiert.

                1 Reply Last reply Reply Quote 0
                • 0
                  0018 @Scrounger last edited by

                  @scrounger sagte in Material Design Widgets: Table Widget:

                  fc84b25f-c6f0-4b0b-b197-eefd74fdaa97-grafik.png

                  Hi Scrounger,

                  ist es möglich die heutigen Termine in einer anderen Schriftfarbe zu kennzeichnen?

                  Scrounger 1 Reply Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @0018 last edited by

                    @0018

                    klar, musst aber das skript anpassen und per html tags dann die farbe verandern

                    0 1 Reply Last reply Reply Quote 0
                    • 0
                      0018 @Scrounger last edited by

                      @scrounger ich fürchte da wird es bei mir scheitern... kannst du evtl eine Demo erstellen worauf ich aufbauen kann?

                      0 1 Reply Last reply Reply Quote 0
                      • 0
                        0018 @0018 last edited by

                        @Scrounger könntest du mir evtl helfen?

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @0018 last edited by Scrounger

                          @0018

                          demo gibts doch oben schon. musst halt noch erweitern um die erkennung ob termin von heute und dann text z.b. in ein <font> tag setzen und entsprechend Farbe zuweisen

                          Xsev 1 Reply Last reply Reply Quote 0
                          • M
                            Mike_0815 last edited by

                            Hallo Leute,
                            sorry, wenn ich hier möglicherweise eine 'überflüssige' Frage stelle. Möglicherweise auch an der falschen Stelle Jedoch finde ich mich nicht zurecht.

                            Ich habe folgende Adapter installiert: Material Design, Material Design Widgets und Material Advanced.
                            Da ich nicht alle Widgets gefunden habe, nehme ich welche aus beiden Lagern.
                            Nun passen die nicht wirklich gut optisch zusammen.

                            Ich habe einfach mal versucht die Instanz von Material Design zu löschen - hat nix gebracht. Nur meine Widgets waren verschwunden.

                            Gibt es einen stabilen Migrationspfad???? Was ist mit dem Skript von Uhula?? Ich habe hierzu nur 'Versuche' gefunden aber keine 'Anleitung'. Kann mir bitte irgendjemand hierbei helfen?

                            Besten Dank
                            -Mike

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

                              Hallo zusammen,

                              Beschäfigt mich seit kurzem mit Material Degsin Wigdets und versuche mich gerade mit der Umsetzung der verpassten Anrufe in dem Table Widget. (wenn es den geht)

                              Ausgangsiuation ist die calllists.missed.json die ja alle werte mit sich bringt

                              Ich habe vorher das Widget /// JSON Table Basics genutzt und konnte dort über "Attribut in Json" die Spalten befüllen. (siehe Bild)

                              Kann mir jemand sagen ob dies auch beim Table Widget geht bzw. wie ich es dort umsetze das nur der Name die Nummer und das Datum angezeigt wird.

                              Konnte im editor nicht finden wo ich den Wert (Attribut) eintrage

                              Bild

                              1 Reply Last reply Reply Quote 0
                              • S
                                Supermicha last edited by

                                Moin zusammen...

                                Gibt es eine Möglichkeit Zahlenwerte mit Tausenderpunkt zu formatieren??

                                Mein Problem:
                                Ich nutze im Table-Widget mehrere Spalten mit großen Zahlen...

                                derzeit formatiere ich direkt das json mit 'formatValue()' das klappt, dadurch ist aber die Sortierung nicht mehr vernünftig, da dann erst der Wert vor dem Punkt sortiert wird...
                                (gleiches Problem übrigens, wenn man das Komma verwendet, wie im englischen)

                                Es müsste die Formatierung also nach der Sortierung stattfinden, leider habe ich bisher im Table-Widget keine Möglichkeit der Formatierung gefunden. oder übersehe ich da was?

                                1 Reply Last reply Reply Quote 0
                                • Xsev
                                  Xsev @Scrounger last edited by Xsev

                                  @scrounger
                                  Ich steure das Table Widget über die Sichtbarkeit in meiner Vis. Jetzt ist mir aufgefallen, das es im Vis Editor nicht mehr auftaucht wenn der Datenpunkt auf "unsichtbar" ist. Normalerweise hat das ja nur Auswirkungen in Vis selbst aber nicht im Editor, dort sollte das Widget doch immer angezeigt werden ( so kenne ich es zumindest von anderen Widgets). Hat das mit dem Widget zu tun oder eher mit Vis bzw. Vis-Editor?

                                  Edit;
                                  Hab das Widget mal neu erstellt, bislang tritt der Fehler nicht wieder auf. Werde es mal beobachten...

                                  1 Reply Last reply Reply Quote 0
                                  • D
                                    Danielbroker86 last edited by Danielbroker86

                                    Gibt es eine Möglichkeit timestamps (zb von einer Datenbank) zu formatieren?

                                    T 1 Reply Last reply Reply Quote 0
                                    • T
                                      Tschaeens @Danielbroker86 last edited by

                                      @scrounger
                                      Ich habe die aktuelle Version 0.59 installiert. Leider ist in den Table Widgets der Scrollbalken weg. Gehe ich zurück auf die 0.42 gehts wieder. Kannst du dir das vielleicht mal ansehen? Schonmal besten Dank.

                                      1 Reply Last reply Reply Quote 0
                                      • V
                                        Vippis last edited by Vippis

                                        @Scrounger
                                        Ich komme nicht darauf wie ich die Überschriften der Tabelle aus dem JSON extrahieren kann. Du sagst es geht nur im Editor, aber wie?

                                        Ich generiere mir die zeilen per JS in einer for-Schleife. Wie kann ich im Editor einstellen, dass er als Überschrift die Dict-Keys nehmen soll?

                                        var zeile = {
                                                    "Von": von.format("D.MM.YYYY HH:mm"),
                                                    "Bis": bis.format("D.MM.YYYY HH:mm"),
                                                    "Tibber kWh": i_kwh_tibber,
                                                    "Tibber €": i_cost_tibber,
                                                    "Stand Kompressor first": i_stand_komp_h_first,
                                                    "Stand Kompressor last": i_stand_komp_h_last,
                                                    "WP Kompressor H": i_kwh_komp_h,
                                                    "WP Kompressor WW": i_kwh_komp_ww,
                                                    "WP Zusatz H": i_kwh_zusatz_h,
                                                    "WP Zusatz WW": i_kwh_zusatz_ww,
                                                    "Wallbox kWh": i_kwh_wallbox,
                                                    "Anteil WP Kompressor H": anteil_wp_komp_h.toFixed(1),
                                                    "Anteil WP Kompressor WW": anteil_wp_komp_ww.toFixed(1),
                                                    "Anteil WP Zusatz H": anteil_wp_zusatz_h.toFixed(1),
                                                    "Anteil WP Zusatz WW": anteil_wp_zusatz_ww.toFixed(1),
                                                    "Anteil Wallbox": anteil_wallbox.toFixed(1),
                                                    "Header1": "Von"
                                                }
                                                table.push(zeile)
                                        

                                        Ich hab mal versucht eine Pseudo-Spalte "Header1" einzufügen, die ich mir nicht in der Tabelle anzeigen lasse als Object Binding. Aber das geht nur bei voran- und nachgestelltem Text für das Zeilenelement...

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          ck_coke last edited by ck_coke

                                          Hallo,

                                          ich würde bei folgendem Array gerne die Schriftfarbe nach Bedingungen des jeweiligen Wertes anpassen:

                                          arr = 
                                          [
                                                  { 
                                                      'Anlagenname': (await getObjectAsync('modbus.0.holdingRegisters.19006_G_ULL0')).common.name, 
                                                      'Spannung': getState('modbus.0.holdingRegisters.19006_G_ULL0').val, 
                                                      'Leistung': getState('modbus.0.holdingRegisters.19026_G_P_SUM3').val 
                                                  }, 
                                                  { 
                                                      'Anlagenname': (await getObjectAsync('modbus.1.holdingRegisters.19006_G_ULL0')).common.name, 
                                                      'Spannung': getState('modbus.1.holdingRegisters.19006_G_ULL0').val, 
                                                      'Leistung': getState('modbus.1.holdingRegisters.19026_G_P_SUM3').val 
                                                  }
                                          ]
                                          

                                          Z.B.:
                                          Wenn Spannung kleiner 0.1 dann Schriftfarbe rot
                                          Wenn Spannung größer/gleich 0.1 dann grün

                                          Wie lässt sich das am besten umsetzen?
                                          Kann ich eine if-Abfrage in das array packen?

                                          1 Reply Last reply Reply Quote 0
                                          • First post
                                            Last post

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          965
                                          Online

                                          31.7k
                                          Users

                                          79.6k
                                          Topics

                                          1.3m
                                          Posts

                                          vis
                                          33
                                          95
                                          12098
                                          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