Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Entwicklung
  4. Wie OnChange bei dynamisch erzeugter Tabelle?

NEWS

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    13
    1
    650

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    2.0k

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    11
    1
    895

Wie OnChange bei dynamisch erzeugter Tabelle?

Geplant Angeheftet Gesperrt Verschoben Entwicklung
adapteronchange
3 Beiträge 2 Kommentatoren 168 Aufrufe 2 Beobachtet
  • Ä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.
  • PeoplesP Offline
    PeoplesP Offline
    Peoples
    schrieb am zuletzt editiert von
    #1

    Hi,
    ich habe mal wieder eine Frage zur index_m.html.

    Mittlerweile habe ich es geschafft die vorhandenen Views in ein Array einzulesen aus dem ich eine dynamische Tabelle erstelle.
    Leider merkt onChange nicht wenn hier dann im Admin Werte geändert werden.

    Vielleicht kann mir einer von euch sagen wie ich das anstellen muss, damit die Buttons zum Speichern frei gegeben und die Änderungen gespeichert werden.

    Hier mal der Code mit dem ich die Tabelle erstelle:

    async function genViewList() {
                    let result = '';
                    let tableRow;
                    let $table = $('#views-table');
                    
                    let viewSettings = [];
                    
                    const visData = await getVisContent();
                    const visDataProjects = visData.viewList;
                    let arr = []
                    if(visData.projectList ==''){
                        //arr.push[''];
                    } else {
                        arr = visData.viewList;
                        arr.sort();
                        arr.forEach(function(val) {
                            
                            viewSettings['sWSec'+val] = settings['sWSec_'+val];
                            
                            
                            
                            tableRow +='<tr>';
                            tableRow +='<td>'+val+'</td>';
                            tableRow +='<td><input id=sWSec_'+val+' type="number" class="value" value="'+viewSettings['sWSec'+val]+'"></td>';
                            tableRow +='<td><label><input id="test1" type="checkbox" class="value" /><span></span></label></td>';
                            tableRow +='<td><label><input id="test2" type="checkbox" class="value" /><span></span></label></td>';
                            tableRow +='<td><label><input id="test3" type="checkbox" class="value" /><span></span></label></td>';
                            tableRow +='</tr>';
    
                           // $('#viewsList').append('<option value="' + val + '"' + (id === val ? ' selected' : '') + '>'+val+' </option>');
                        });
                        $('#views-table' + ' > table > tbody').append(tableRow);
                    }
                } 
    
                genViewList()
    

    Das Ganze sieht dann so aus:
    viewswitch.JPG

    Wenn ich in der index_m.html folgendes einfüge:

    <div class="input-field col s12 m6 l3">
          <input class="value" id="notificationEnabled" type="checkbox"/>
          <label for="notificationEnabled" class="translate">Enable / Disable Notifications</label>
    </div>
    

    wird das onChange sauber registriert nur warum hier schon und oben nicht ist mir nicht klar.

    Wär super wenn mir jemand helfen kann.

    Ich beantworte keine Fragen zu Themen via PN

    Jey CeeJ 1 Antwort Letzte Antwort
    0
    • PeoplesP Peoples

      Hi,
      ich habe mal wieder eine Frage zur index_m.html.

      Mittlerweile habe ich es geschafft die vorhandenen Views in ein Array einzulesen aus dem ich eine dynamische Tabelle erstelle.
      Leider merkt onChange nicht wenn hier dann im Admin Werte geändert werden.

      Vielleicht kann mir einer von euch sagen wie ich das anstellen muss, damit die Buttons zum Speichern frei gegeben und die Änderungen gespeichert werden.

      Hier mal der Code mit dem ich die Tabelle erstelle:

      async function genViewList() {
                      let result = '';
                      let tableRow;
                      let $table = $('#views-table');
                      
                      let viewSettings = [];
                      
                      const visData = await getVisContent();
                      const visDataProjects = visData.viewList;
                      let arr = []
                      if(visData.projectList ==''){
                          //arr.push[''];
                      } else {
                          arr = visData.viewList;
                          arr.sort();
                          arr.forEach(function(val) {
                              
                              viewSettings['sWSec'+val] = settings['sWSec_'+val];
                              
                              
                              
                              tableRow +='<tr>';
                              tableRow +='<td>'+val+'</td>';
                              tableRow +='<td><input id=sWSec_'+val+' type="number" class="value" value="'+viewSettings['sWSec'+val]+'"></td>';
                              tableRow +='<td><label><input id="test1" type="checkbox" class="value" /><span></span></label></td>';
                              tableRow +='<td><label><input id="test2" type="checkbox" class="value" /><span></span></label></td>';
                              tableRow +='<td><label><input id="test3" type="checkbox" class="value" /><span></span></label></td>';
                              tableRow +='</tr>';
      
                             // $('#viewsList').append('<option value="' + val + '"' + (id === val ? ' selected' : '') + '>'+val+' </option>');
                          });
                          $('#views-table' + ' > table > tbody').append(tableRow);
                      }
                  } 
      
                  genViewList()
      

      Das Ganze sieht dann so aus:
      viewswitch.JPG

      Wenn ich in der index_m.html folgendes einfüge:

      <div class="input-field col s12 m6 l3">
            <input class="value" id="notificationEnabled" type="checkbox"/>
            <label for="notificationEnabled" class="translate">Enable / Disable Notifications</label>
      </div>
      

      wird das onChange sauber registriert nur warum hier schon und oben nicht ist mir nicht klar.

      Wär super wenn mir jemand helfen kann.

      Jey CeeJ Online
      Jey CeeJ Online
      Jey Cee
      Developer
      schrieb am zuletzt editiert von
      #2

      @Peoples das Element wurde bereits erzeugt bevor in load eine Subscription auf die klasse value erstellt wird.

      Du musst also nachdem erzeugen der Tabelle eine Subscription machen.

      Persönlicher Support
      Spenden -> paypal.me/J3YC33

      PeoplesP 1 Antwort Letzte Antwort
      0
      • Jey CeeJ Jey Cee

        @Peoples das Element wurde bereits erzeugt bevor in load eine Subscription auf die klasse value erstellt wird.

        Du musst also nachdem erzeugen der Tabelle eine Subscription machen.

        PeoplesP Offline
        PeoplesP Offline
        Peoples
        schrieb am zuletzt editiert von Peoples
        #3

        @Jey-Cee
        Ahso, klingt logisch. Hast du auch nen Tipp wie ich das am dümmsten machen könnte?

        Einfach nochmal das onchange aufrufen?

        Ich beantworte keine Fragen zu Themen via PN

        1 Antwort Letzte Antwort
        0

        Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

        Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

        Mit deinem Input könnte dieser Beitrag noch besser werden 💗

        Registrieren Anmelden
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        554

        Online

        32.9k

        Benutzer

        83.0k

        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