如何在纸张datatable中单击行上渲染聚合物元素

Question

我正在使用聚合物元素中的纸张标记。它有大约10-50行。每行包含员工名称＆amp;Jodofining＆amp;指定。单击任何行（即任何员工），我想渲染另一个聚合物元素，该元素显示该员工的详细信息（更像过去的数据）。我该如何实现？我该如何使用＆lt;CUST-DETAILS>与点击相关的事件处理程序方法？

Answer 1

来自纸质dataitable事件文档，使用row-tap。

然后打电话：

on-row-tap="show_emploee_dateils"

该功能内部：

show_emploee_dateils: function (element, ev) {
    console.log(element);
    console.log(ev);
   // ev.item holds the employee object, make it a property
   this.employee_details = ev.item;
   //show the element with details, as: paper-dialog, or dom-if template...
   this.show_details = true;
},

模板将如下：

<template id="employee_details" is="dom-if" if="{{show_details}}">
  <div>{{employee_details}}</div>
</template>

是基本的行，当然也需要考虑细节。