聚合多个相似元素和点击事件

Question

我正在尝试构建一个具有 div 的自定义聚合物元素

<core-menu>
    <paper-item on-tap={{openPage}}><core-icon icon="add"></core-icon> Add Issues</paper-item>
    <paper-item on-tap={{openPage}}><core-icon icon="view-list"></core-icon> View Issues</paper-item>
    <paper-item on-tap={{openPage}}><core-icon icon="lock"></core-icon>Logout</paper-item>
</core-menu>

而这个openPage函数需要提供这样的操作

 openPage: function(event, details, sender) {
        console.log("open page called item "+ item);
 }

我不确定如何点击该项目。比如说，如果我点击注销项目，我希望项目的值是一个数字，就像可以说第 n 个纸项目被点击的东西。

我不知道如何从 event 或 details 或 sender 中获取此值。

提前致谢

Answer 1

你可以这样做：

<core-menu>
   <paper-item data-action-id="1" on-tap={{openPage}}><core-icon icon="add"></core-icon> Add Issues</paper-item>
   <paper-item data-action-id="2" on-tap={{openPage}}><core-icon icon="view-list"></core-icon> View Issues</paper-item>
   <paper-item data-action-id="3" on-tap={{openPage}}><core-icon icon="lock"></core-icon>Logout</paper-item>
</core-menu>

然后：

openPage: function(event, details, sender) {
    console.log("open page called item "+ sender.target.attributes["data-action-id"]);
}

"sender.target" 正在返回纸质项目

聚合多个相似元素和点击事件

Polymer multiple similar elements and click events

polymer

web-component