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

    @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

                      410

                      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