Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Json in DP - als Dropdown in VIS

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.1k

  • 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

Json in DP - als Dropdown in VIS

Scheduled Pinned Locked Moved Visualisierung
vis
44 Posts 5 Posters 4.6k Views 7 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M micklafisch

    @oliverio
    Hallo, ich habe auf der Suche nach der Möglichkeit für vis2 ein JSON in ein Dropdown zu verwandeln diese Möglichkeit hier gefunden (ich hoffe sie funktioniert trotz des Alters des Threads noch)

    Leider bekomme ich es mit 2 oder mehr Dropdowns nicht zum laufen obwohl ich die obige Version genommen habe welche mehrere Dropdowns unterstützen soll. Die noch neuere Version bezieht sich ja dann wieder auf die IDs und nicht auf den Text.

    Hier mein Aufbau. Aktuell reagiert in vis2 der Monat, aber nicht das Jahr:

    14f94f8b-3113-4c4e-b13d-0bfa47b8c2ca-image.png

    Hier die beiden Vorlagen:

    <% 
        var selectid="mydropdown10"; 
        var dp_write = "0_userdata.0.pv-dachansicht.auswahl_monat";
    %>
    <script>
        let selectid="<%- selectid %>";
        let dp_write="<%- dp_write %>";
        
        function writeDP<%- selectid %>(el) {
            debugger;
            if (el.selectedOptions[0].text) vis.setValue(dp_write,el.selectedOptions[0].text);
        }
    
    </script>
    <style>
    #mydropdown10 {
        color:rgb(255,255,255);
        background:black;
        font-size:22px;
    }
    </style>
    </style><select id="<%- selectid %>" name="<%- selectid %>" size="1" onchange="javascript:writeDP<%- selectid %>(this)" >
    <% for (var i = 0; i<data.length;i++) { %>
      <option <%- ((dp[dp_write]==data[i]) ? "selected":"") %>><%- data[i] %></option>
    <% } %>
    </select>
    
    <% 
        var selectid="mydropdown11"; 
        var dp_write = "0_userdata.0.pv-dachansicht.auswahl_jahr";
    %>
    <script>
        let selectid="<%- selectid %>";
        let dp_write="<%- dp_write %>";
        
        function writeDP<%- selectid %>(el) {
            debugger;
            if (el.selectedOptions[0].text) vis.setValue(dp_write,el.selectedOptions[0].text);
        }
    
    </script>
    <style>
    #mydropdown11 {
        color:rgb(255,255,255);
        background:black;
        font-size:22px;
    }
    </style>
    </style><select id="<%- selectid %>" name="<%- selectid %>" size="1" onchange="javascript:writeDP<%- selectid %>(this)" >
    <% for (var i = 0; i<data.length;i++) { %>
      <option <%- ((dp[dp_write]==data[i]) ? "selected":"") %>><%- data[i] %></option>
    <% } %>
    </select>
    

    Was übersehe ich hier? Ich hatte sogar schonmal komplett neue Select-IDs verwendet und bin in den 10er Bereich hoch.

    T Offline
    T Offline
    trojanhector
    wrote on last edited by
    #41

    @micklafisch said in Json in DP - als Dropdown in VIS:

    name

    Servus,
    soweit wie ich das an Deiner JSON Datenquelle erkennen kann, verwendest Du die reinen Werte. Geht grundsätzlich auch, dafür muss das hier aber umgeschrieben werden.
    Ich denke am schnellsten ist es, Du baust Dein JSON um. Du brauchst 2 Keys: id und name.
    id ist was gespeichert wird und name was angezeigt wird.
    Ungefähr so:

    [
      {
        "id": 0,
        "name": "Test_1"
      },
      {
        "id": 1,
        "name": "Test_2"
      },
      {
        "id": 2,
        "name": "Test_3"
      }
    ]
    

    Ich verwende beide Versionen und kann bestätigen, dass es in VIS-2 funktioniert.

    1 Reply Last reply
    1
    • M micklafisch

      @oliverio
      Hallo, ich habe auf der Suche nach der Möglichkeit für vis2 ein JSON in ein Dropdown zu verwandeln diese Möglichkeit hier gefunden (ich hoffe sie funktioniert trotz des Alters des Threads noch)

      Leider bekomme ich es mit 2 oder mehr Dropdowns nicht zum laufen obwohl ich die obige Version genommen habe welche mehrere Dropdowns unterstützen soll. Die noch neuere Version bezieht sich ja dann wieder auf die IDs und nicht auf den Text.

      Hier mein Aufbau. Aktuell reagiert in vis2 der Monat, aber nicht das Jahr:

      14f94f8b-3113-4c4e-b13d-0bfa47b8c2ca-image.png

      Hier die beiden Vorlagen:

      <% 
          var selectid="mydropdown10"; 
          var dp_write = "0_userdata.0.pv-dachansicht.auswahl_monat";
      %>
      <script>
          let selectid="<%- selectid %>";
          let dp_write="<%- dp_write %>";
          
          function writeDP<%- selectid %>(el) {
              debugger;
              if (el.selectedOptions[0].text) vis.setValue(dp_write,el.selectedOptions[0].text);
          }
      
      </script>
      <style>
      #mydropdown10 {
          color:rgb(255,255,255);
          background:black;
          font-size:22px;
      }
      </style>
      </style><select id="<%- selectid %>" name="<%- selectid %>" size="1" onchange="javascript:writeDP<%- selectid %>(this)" >
      <% for (var i = 0; i<data.length;i++) { %>
        <option <%- ((dp[dp_write]==data[i]) ? "selected":"") %>><%- data[i] %></option>
      <% } %>
      </select>
      
      <% 
          var selectid="mydropdown11"; 
          var dp_write = "0_userdata.0.pv-dachansicht.auswahl_jahr";
      %>
      <script>
          let selectid="<%- selectid %>";
          let dp_write="<%- dp_write %>";
          
          function writeDP<%- selectid %>(el) {
              debugger;
              if (el.selectedOptions[0].text) vis.setValue(dp_write,el.selectedOptions[0].text);
          }
      
      </script>
      <style>
      #mydropdown11 {
          color:rgb(255,255,255);
          background:black;
          font-size:22px;
      }
      </style>
      </style><select id="<%- selectid %>" name="<%- selectid %>" size="1" onchange="javascript:writeDP<%- selectid %>(this)" >
      <% for (var i = 0; i<data.length;i++) { %>
        <option <%- ((dp[dp_write]==data[i]) ? "selected":"") %>><%- data[i] %></option>
      <% } %>
      </select>
      

      Was übersehe ich hier? Ich hatte sogar schonmal komplett neue Select-IDs verwendet und bin in den 10er Bereich hoch.

      T Offline
      T Offline
      trojanhector
      wrote on last edited by
      #42

      @micklafisch
      Eins noch...
      Du bist hier in einem alten Thread unterwegs.
      Es gibt eine neue Version für VIS-2 hier:
      Neue Version dropdown

      OliverIOO 1 Reply Last reply
      0
      • T trojanhector

        @micklafisch
        Eins noch...
        Du bist hier in einem alten Thread unterwegs.
        Es gibt eine neue Version für VIS-2 hier:
        Neue Version dropdown

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        wrote on last edited by
        #43

        @trojanhector @micklafisch

        ja genau, die neue version funktioniert in vis2
        wie das json aufgebaut ist ist egal, man muss halt dann das entsprechende template anpassen

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        M 1 Reply Last reply
        1
        • OliverIOO OliverIO

          @trojanhector @micklafisch

          ja genau, die neue version funktioniert in vis2
          wie das json aufgebaut ist ist egal, man muss halt dann das entsprechende template anpassen

          M Offline
          M Offline
          micklafisch
          wrote on last edited by
          #44

          @oliverio @trojanhector
          Danke euch beiden. Ich hatte den Thread über Google gefunden, mir war bewusst dass er älter ist, nur nicht dass es das Thema auch in "neuer" gibt.

          Da ich nicht mit IDs im JSON arbeiten will sondern nur die platten Werte habe, versuche ich jetzt mit dem neuen ein passendes Template zu basteln.

          Danke für den Schubs in die richtige Richtung.

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Support us

          ioBroker
          Community Adapters
          Donate

          376

          Online

          32.5k

          Users

          81.6k

          Topics

          1.3m

          Posts
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Home
          • Recent
          • Tags
          • Unread 0
          • Categories
          • Unreplied
          • Popular
          • GitHub
          • Docu
          • Hilfe