Polimerde tabloları nasıl seçilir?

Question

Polimerli farklı bir düğmeyi tıklatırsanız başka bir yığın seçmek için bir yol arıyorum. i aşağıdaki düğmeyi seçerseniz, hala bana söylermisin, screenshot of localhosted application

ancak: Burada

<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> 

daha iyi yerine getirmeye çalışan ne im anlamak için bazı ekran görüntüleri vardır: Bu ben şimdiye kadar ne var Yukarıdaki satırdan veri. Bu, aşağıdaki tüm düğmeler için aynıdır (yalnızca ilk satır iletişim kutusunda gösterilecektir).

Yardımlarınız için şimdiden teşekkürler!

Answer 1

Tüm iletişim kutularınız aynıdır (id = "dialog"). Kimlikler benzersiz olmalı, sizin durumunuzda tekrarlanmalı ve bu yüzden sadece ilk diyalog her zaman ortaya çıkıyor.