Wie wählt man Tischreihen in Polymer?

Question

Ich bin auf der Suche nach einer Möglichkeit, eine andere Tabelle auszuwählen, wenn Sie eine andere Schaltfläche mit Polymer klicken. Das ist, was ich so weit gekommen:

<h1 class="page-title">Rooster ({{username}})</h1> 

<table> 
    <tr> 
    <th>Datum:</th> 
    <th>Begintijd:</th> 
    <th>Eindtijd:</th> 
    <th>Vakcode:</th> 
    <th>Docent:</th> 
    <th>Lokaal:</th> 
    <th>Klas:</th> 
    <th>Afwezig</th> 
    </tr> 
    <template is="dom-repeat" items="{{lessen}}"> 
    <tr> 
     <td style="border: 1px solid black;">{{item.datum}}</td> 
     <td style="border: 1px solid black;">{{item.begintijd}}</td> 
     <td style="border: 1px solid black;">{{item.eindtijd}}</td> 
     <td style="border: 1px solid black;">{{item.vakcode}}</td> 
     <td style="border: 1px solid black;">{{item.docent}}</td> 
     <td style="border: 1px solid black;">{{item.lokaal}}</td> 
     <td style="border: 1px solid black;">{{item.klas}}</td> 
     <td style="border: 1px solid black;"><paper-icon-button icon="add-circle" onclick="document.getElementById('dialog').open()"></paper-icon-button></td> 
     <td><paper-dialog id="dialog" transition="paper-dialog-transition-bottom"> 
     <h1>Afwezig Melden</h1> 
     <p>[[item.vakcode]]</p> 
     <p>[[item.begintijd]] - [[item.eindtijd]]</p> 
     <p></p> 
     <p>[[item.lokaal]]</p> 
     <p>[[item.klas]]</p> 
     <p>[[item.docent]]</p> 
     <paper-button raised label="Afmelden" on-click="afwezigHandler"></paper-button> 
    </tr> 
    </template> 
</table> 

hier sind einige Screenshots besser zu verstehen, was im Versuch zu erreichen: screenshot of localhosted application

jedoch, wenn ich die Taste darunter wählen, es wird mir noch sagen, die Daten aus der Reihe oben. Dies gilt für alle darunter liegenden Schaltflächen (nur die erste Zeile wird im Dialog angezeigt).

danke im voraus für die hilfe!

Answer 1

Alle Ihre Dialog-IDs sind identisch (ID = "Dialog"). Ids sollten einzigartig sein, in Ihrem Fall wiederholen sie sich und das ist der Grund, warum immer nur der erste Dialog erscheint.