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.6k

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

                          719

                          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