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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.0k

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.4k

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.
  • liv-in-skyL liv-in-sky

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

    Schlussendlich habe ich das Table-Widget angeklickt das ich durchsuchen will und unter dem Reiter "SCRIPTE" das eingefügt. Gehe davon aus das das richtig war, ist aber besser wenn du das noch mal kurz bestätigen würdest.

    ja - gehört in den scripte tab

    das mit zeile 43 habe ich nicht richtig erklärt

    damit du nur werte zurück bekommst, die in einer bestimmten spalte sind - die spalte mit der whisky-id, muss auch sichergestellt sein, dass du nur die spalte angibst - und auch nur dort getriggert wird - und nicht bei allen anderen spalten - du musst nur die zahl hinter col ändern

    habe nochmal getestet - und bei der spalte 0 (beginnt bei 0) muss dort folg. stehen:
    für die 1te spalte

     $("[id$='col0']").click(function() {
    

    für die 3te spalte:

     $("[id$='col2']").click(function() {
    

    usw.

    habe aber ein problem entdeckt - wenn man eine spalte sortiert, funktioniert das ganze nicht mehr - daher muss du diese funktion austauschen - und wieder das widget angleichen!

      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$='col2']").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$='col2']").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);
    

    ich habe im oberen post - mit dem script - auch alles ausgetauscht

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

    @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 ?

    Gruß aus dem rheinischen

    liv-in-skyL 2 Antworten 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
      #14

      @moppedman

      nein - juery ist in vis aktiviert - auch kein require notig

      ich halte nichts von firefox - teste dafür nicht und programmere auch dafür nicht

      teste mal in chrome und poste mal alles, was du jetzt im scripte tab hast
      nutze bitte die code tags des forums fürs das posten des scriptes

      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
      • 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.

                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

                            808

                            Online

                            32.5k

                            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