Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Sprung von materialdesign Table auf anderen Seite

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.5k

Sprung von materialdesign Table auf anderen Seite

Geplant Angeheftet Gesperrt Verschoben Visualisierung
25 Beiträge 3 Kommentatoren 2.3k Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ScroungerS Scrounger

    @moppedman sagte in Sprung von materialdesign Table auf anderen Seite:

    Hi @scrounger

    danke für die schnelle Rückmeldung. Ich bin mir nicht sicher ob du ganz verstanden hast was ich will. Den Sprung über einen Link Button oder Button State kriege ich schon hin, was mir fehlt ist aber wie ich an die Daten aus der "Table" komme dessen Zeile gerade vom USER angeclickt wurde.

    Doch hab verstanden was du machen willst. Wie gesagt kannst dir per Script das json für deine Tabelle bauen und dort ein HTML wider Button state einbauen, das dann die ID verwendet.
    Die Losung @liv-in-sky geht natürlich auch

    MoppedmanM Offline
    MoppedmanM Offline
    Moppedman
    schrieb am zuletzt editiert von
    #15

    @scrounger

    verstehe ich das dann richtig das ich die vorhandene Tabelle per JS um eine Spalte erweitere und dann in den JSON string pro Zeile ein HTML Button einbaue.

    Wenn ich das so richtig verstanden habe, wie wir das dann mit der Perfomance des pi4 sein wenn in jede Zeile so ein Button kommt. Immerhin ziehe ich aus der DB mehrere Hundert Zeilen

    Gruß aus dem rheinischen

    liv-in-skyL ScroungerS 3 Antworten Letzte Antwort
    0
    • MoppedmanM Moppedman

      @scrounger

      verstehe ich das dann richtig das ich die vorhandene Tabelle per JS um eine Spalte erweitere und dann in den JSON string pro Zeile ein HTML Button einbaue.

      Wenn ich das so richtig verstanden habe, wie wir das dann mit der Perfomance des pi4 sein wenn in jede Zeile so ein Button kommt. Immerhin ziehe ich aus der DB mehrere Hundert Zeilen

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von
      #16

      @moppedman kennst du anydesk - ich hätte eine halbe stunde - siehe chat

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      1 Antwort Letzte Antwort
      0
      • MoppedmanM Moppedman

        @scrounger

        verstehe ich das dann richtig das ich die vorhandene Tabelle per JS um eine Spalte erweitere und dann in den JSON string pro Zeile ein HTML Button einbaue.

        Wenn ich das so richtig verstanden habe, wie wir das dann mit der Perfomance des pi4 sein wenn in jede Zeile so ein Button kommt. Immerhin ziehe ich aus der DB mehrere Hundert Zeilen

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von liv-in-sky
        #17

        @moppedman

        nein -du baust da nichts ein - bei meinem beispiel siehst du zwar einen button , aber da testete ich was anderes

        die lösung von scrounger wäre so eine lösung - da baust du durch dein script in die tabelle etwas ein

        ich denke nicht, dass der pi4 ein problem hat

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        1 Antwort Letzte Antwort
        0
        • MoppedmanM Moppedman

          @liv-in-sky

          bekomme die Fehlermeldung in der Firefox Console das die Funktion "waitForElement" nicht definiert ist

          Kann es sein das ich noch irgendwas installieren muss denn ich habe jQuery noch nie verwendet ?
          Auch "Scripte" Tab belege ich zum ersten mal.

          Oder muss ich irgendwo noch was mit "require" einbinden ?

          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          schrieb am zuletzt editiert von liv-in-sky
          #18

          @moppedman habe es kurz in firefox ausprobiert - funktioniert dort auch

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          MoppedmanM 1 Antwort Letzte Antwort
          0
          • MoppedmanM Moppedman

            @scrounger

            verstehe ich das dann richtig das ich die vorhandene Tabelle per JS um eine Spalte erweitere und dann in den JSON string pro Zeile ein HTML Button einbaue.

            Wenn ich das so richtig verstanden habe, wie wir das dann mit der Perfomance des pi4 sein wenn in jede Zeile so ein Button kommt. Immerhin ziehe ich aus der DB mehrere Hundert Zeilen

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #19

            @moppedman

            Ja genau richtig verstanden.
            Wie das mit der Performance aussieht kann ich Dir nicht sagen. Müsste aber klappen, wenn du die Daten nicht alle paar Sekunden aktualisierst.
            Könntest auch um Performance zu sparen immer nur die Änderungen in den JSON string schreiben.

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            1 Antwort Letzte Antwort
            0
            • liv-in-skyL liv-in-sky

              @moppedman habe es kurz in firefox ausprobiert - funktioniert dort auch

              MoppedmanM Offline
              MoppedmanM Offline
              Moppedman
              schrieb am zuletzt editiert von
              #20

              @liv-in-sky

              Danke deiner Hilfe funktioniert das jetzt wenn ich die ID-Spalte anklicke das dann der Wert in den von mir angelegte DP geschrieben wird. Auch die Weiterverarbeitung geht nun sauber.

              Eins habe ich aber festgestellt funktioniert nicht wie von dir geschreiben. Wenn ich die Tabelle nach einer der Spalten sortiere geht es nicht mehr. Dann muss ich die Seite im Browser Refreshen. Das gleiche wenn ich eine Query an die DB mit veränderten Suchparametern schicke und das Ergebnis im JSON neu anzeige. Für mich sieht es so aus das die Funktion waitforElement nur beim Neuladen der Seite getriggert wird.

              Siehst du das auch so, und wenn ja einen Vorschlag wie ich das abstellen könnte?
              Anbei der aktuelle Code

              
                function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
               
                      if (counter < 30) {
               
                          setTimeout(function () {
               
                              if (parent.find(elementPath).length > 0) {
               
                                  if (debug) console.log(`[${widgetName} ${wid}] it took ${counter}ms to wait for the element '${elementPath}'`);
               
                                  callBack();
               
                              } else {
               
                                  if (debug) console.log(`[${widgetName} ${wid}] wait for element '${elementPath}'`);
               
                                  counter++
               
                                  waitForElement(parent, elementPath, wid, widgetName, callBack, counter, debug);
               
                              }
               
                          }, 1000);
               
                      } else {
               
                         if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
               
                          callBack();
               
                     }
               
                 }
               
                
                
                
                
                waitForElement($('body'),'#w00685', 'dummy', 'dummy', function () {
              
               
              
                // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
              
               
              
               console.log("jetzt")
              
               
              
               $("[id$='col9']").click(function() {
              
                   var matches = this.id; 
              
                    var matches2 = $(this).text(); 
              
                    alert(matches+matches2);
              
                    vis.setValue('0_userdata.0.KOR-DatenPunkte.Whisky.Ralf.SelectedSearch_ID',matches2.trim()); 
              
               });  /*});*/
              
               
              
               $(".mdc-data-table_header-cell").click(function() {
              
                   console.log("sort");
              
               $("[id$='col9']").click(function() {
              
                   var matches = this.id; 
              
                    var matches2 = $(this).text(); 
              
                     alert(matches+matches2);
              
                    vis.setValue('0_userdata.0.KOR-DatenPunkte.Whisky.Ralf.SelectedSearch_ID',matches2.trim());
              
               }); });
              
               
              
               /*  }, 3000);*/
              
               
              
              }, 0, true);
              
              

              Gruß aus dem rheinischen

              liv-in-skyL 1 Antwort Letzte Antwort
              0
              • MoppedmanM Moppedman

                @liv-in-sky

                Danke deiner Hilfe funktioniert das jetzt wenn ich die ID-Spalte anklicke das dann der Wert in den von mir angelegte DP geschrieben wird. Auch die Weiterverarbeitung geht nun sauber.

                Eins habe ich aber festgestellt funktioniert nicht wie von dir geschreiben. Wenn ich die Tabelle nach einer der Spalten sortiere geht es nicht mehr. Dann muss ich die Seite im Browser Refreshen. Das gleiche wenn ich eine Query an die DB mit veränderten Suchparametern schicke und das Ergebnis im JSON neu anzeige. Für mich sieht es so aus das die Funktion waitforElement nur beim Neuladen der Seite getriggert wird.

                Siehst du das auch so, und wenn ja einen Vorschlag wie ich das abstellen könnte?
                Anbei der aktuelle Code

                
                  function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
                 
                        if (counter < 30) {
                 
                            setTimeout(function () {
                 
                                if (parent.find(elementPath).length > 0) {
                 
                                    if (debug) console.log(`[${widgetName} ${wid}] it took ${counter}ms to wait for the element '${elementPath}'`);
                 
                                    callBack();
                 
                                } else {
                 
                                    if (debug) console.log(`[${widgetName} ${wid}] wait for element '${elementPath}'`);
                 
                                    counter++
                 
                                    waitForElement(parent, elementPath, wid, widgetName, callBack, counter, debug);
                 
                                }
                 
                            }, 1000);
                 
                        } else {
                 
                           if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
                 
                            callBack();
                 
                       }
                 
                   }
                 
                  
                  
                  
                  
                  waitForElement($('body'),'#w00685', 'dummy', 'dummy', function () {
                
                 
                
                  // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                
                 
                
                 console.log("jetzt")
                
                 
                
                 $("[id$='col9']").click(function() {
                
                     var matches = this.id; 
                
                      var matches2 = $(this).text(); 
                
                      alert(matches+matches2);
                
                      vis.setValue('0_userdata.0.KOR-DatenPunkte.Whisky.Ralf.SelectedSearch_ID',matches2.trim()); 
                
                 });  /*});*/
                
                 
                
                 $(".mdc-data-table_header-cell").click(function() {
                
                     console.log("sort");
                
                 $("[id$='col9']").click(function() {
                
                     var matches = this.id; 
                
                      var matches2 = $(this).text(); 
                
                       alert(matches+matches2);
                
                      vis.setValue('0_userdata.0.KOR-DatenPunkte.Whisky.Ralf.SelectedSearch_ID',matches2.trim());
                
                 }); });
                
                 
                
                 /*  }, 3000);*/
                
                 
                
                }, 0, true);
                
                
                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                schrieb am zuletzt editiert von
                #21

                @moppedman sagte in Sprung von materialdesign Table auf anderen Seite:

                abelle nach einer der Spalten sortiere geht es nicht mehr

                dacht eeigentlich , ich hääte das gelöst - muss ich nochmal nachsehen

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                MoppedmanM 1 Antwort Letzte Antwort
                0
                • liv-in-skyL liv-in-sky

                  @moppedman sagte in Sprung von materialdesign Table auf anderen Seite:

                  abelle nach einer der Spalten sortiere geht es nicht mehr

                  dacht eeigentlich , ich hääte das gelöst - muss ich nochmal nachsehen

                  MoppedmanM Offline
                  MoppedmanM Offline
                  Moppedman
                  schrieb am zuletzt editiert von
                  #22

                  @liv-in-sky
                  check doch mal gerade deine Code vom 2ten Post wo du gschrieben hast das es nun mit dem Sortieren geht. Wenn ich den überfliege ist das identisch mit dem vom Ersten.

                  vllt hast du nur versehntlich den alten reinkopiert. Was müsste denn der Unterschied sein ??

                  Gruß aus dem rheinischen

                  liv-in-skyL 2 Antworten Letzte Antwort
                  0
                  • MoppedmanM Moppedman

                    @liv-in-sky
                    check doch mal gerade deine Code vom 2ten Post wo du gschrieben hast das es nun mit dem Sortieren geht. Wenn ich den überfliege ist das identisch mit dem vom Ersten.

                    vllt hast du nur versehntlich den alten reinkopiert. Was müsste denn der Unterschied sein ??

                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #23

                    @moppedman

                    das ist mein teil-script - bei mir geht das

                      waitForElement($('body'),'#w00360', 'dummy', 'dummy', function () {
                    
                       // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                    
                      console.log("jetzt")
                    
                      $("[id$='col0']").click(function() {
                          var matches = this.id; 
                           var matches2 = $(this).text(); 
                           alert(matches+matches2);
                           vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.whiskey-id',matches2.trim()); 
                      });  /*});*/
                      
                      $(".mdc-data-table__header-cell").click(function() {
                          console.log("sort");
                      $("[id$='col0']").click(function() {
                          var matches = this.id; 
                           var matches2 = $(this).text(); 
                           alert(matches+matches2);
                           vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.whiskey-id',matches2.trim());
                      }); });
                    
                      /*  }, 3000);*/
                    
                    }, 0, true);
                    

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    1 Antwort Letzte Antwort
                    0
                    • MoppedmanM Moppedman

                      @liv-in-sky
                      check doch mal gerade deine Code vom 2ten Post wo du gschrieben hast das es nun mit dem Sortieren geht. Wenn ich den überfliege ist das identisch mit dem vom Ersten.

                      vllt hast du nur versehntlich den alten reinkopiert. Was müsste denn der Unterschied sein ??

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #24

                      @moppedman es ist der teil zeile 14 bis 23 - da wird reagiert, wenn man oben in der sortierleiste drückt

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      MoppedmanM 1 Antwort Letzte Antwort
                      0
                      • liv-in-skyL liv-in-sky

                        @moppedman es ist der teil zeile 14 bis 23 - da wird reagiert, wenn man oben in der sortierleiste drückt

                        MoppedmanM Offline
                        MoppedmanM Offline
                        Moppedman
                        schrieb am zuletzt editiert von
                        #25

                        @liv-in-sky

                        Habe es noch mal reinkopiert und jetzt gehts. :+1: :grin:

                        Keinen Ahnung was wir da gestern abend in unserer Session reinkopiert haben.

                        Egal, es läuft und dir noch mal vielen Dank.......:clap:

                        Gruß aus dem rheinischen

                        1 Antwort Letzte Antwort
                        1
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        823

                        Online

                        32.4k

                        Benutzer

                        81.6k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe