Question

如果您点击带聚合物的其他按钮，我正在寻找一种方法来选择另一个表格。这是我到目前为止所得到的：

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

这里有一些截图，可以更好地理解我想要实现的目标： screenshot of localhosted application

但是，如果我选择它下面的按钮，它仍会告诉我上面一行的数据。对于下面的所有按钮，这是相同的（仅对话框中将显示第一行）。

提前感谢您的帮助！

Answer 1

所有对话框id都相同（id =＆＃34; dialog＆＃34;）。 ID应该是唯一的，在你的情况下它是重复的，这就是为什么只有第一个对话框一直弹出的原因。

如何在聚合物中选择表格？

1 个答案: