Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Sprung von materialdesign Table auf anderen Seite

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Sprung von materialdesign Table auf anderen Seite

    This topic has been deleted. Only users with topic management privileges can see it.
    • Moppedman
      Moppedman @liv-in-sky last edited by

      @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-sky 2 Replies Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Moppedman last edited by liv-in-sky

        @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

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

          @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-sky Scrounger 3 Replies Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Moppedman last edited by

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

            1 Reply Last reply Reply Quote 0
            • liv-in-sky
              liv-in-sky @Moppedman last edited by liv-in-sky

              @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

              1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Moppedman last edited by liv-in-sky

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

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

                  @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 Reply Last reply Reply Quote 0
                  • Moppedman
                    Moppedman @liv-in-sky last edited by

                    @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-sky 1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Moppedman last edited by

                      @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

                      Moppedman 1 Reply Last reply Reply Quote 0
                      • Moppedman
                        Moppedman @liv-in-sky last edited by

                        @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-sky 2 Replies Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Moppedman last edited by

                          @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);
                          
                          1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @Moppedman last edited by

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

                            Moppedman 1 Reply Last reply Reply Quote 0
                            • Moppedman
                              Moppedman @liv-in-sky last edited by

                              @liv-in-sky

                              Habe es noch mal reinkopiert und jetzt gehts. 👍 😁

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

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

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              442
                              Online

                              31.9k
                              Users

                              80.1k
                              Topics

                              1.3m
                              Posts

                              3
                              25
                              1373
                              Loading More Posts
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes
                              Reply
                              • Reply as topic
                              Log in to reply
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                              The ioBroker Community 2014-2023
                              logo