如何选择聚合物中的桌布？

debugcn 发表于 Dev

拉蒙·布鲁克金（Ramon Brokking）

如果您单击带有聚合物的其他按钮，我正在寻找一种选择另一张桌子的方法。这是我到目前为止所得到的：

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

以下是一些屏幕截图，可以更好地了解我要完成的工作：本地应用程序的屏幕截图

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

在此先感谢您的帮助！

托马斯分期付款

您所有的对话框ID都是相同的（id =“ dialog”）。ID应该是唯一的，在您的情况下，ID应该是重复的，这就是为什么始终只弹出第一个对话框的原因。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。