如何从点击事件

时间:2015-08-25 19:51:02

标签: html5 polymer web-component

目标是获取data-id事件中调用的方法paper-cardopenForm的{​​{1}} - 属性值。

这两次尝试都没有下来。这是我的代码:

ontap
<div class="layout horizontal wrap">
    <template is="dom-repeat" items="{{itemList}}">
    <paper-card on-tap="openForm" data-id="{{item.id}}">
        <paper-ripple></paper-ripple>
        <paper-item>
            <iron-icon class="big" src$="{{setIcon(item)}}"></iron-icon>
            <paper-item-body two-line>
                <div>{{item.fullNameRev}}</div>
                <div secondary style$="{{color(item.groupColor)}}">{{item.group}}</div>
            </paper-item-body>
        </paper-item>
        </paper-card>
    </template>
</div>

1 个答案:

答案 0 :(得分:2)

我认为您正在寻找的答案可以在这里找到:  Handling events in dom-repeat templates

比我能更好地解释它,但我想简而言之它创造了一个&#39;模型&#39;无论哪种纸卡发送事件,都可以访问e.model.item.data-id。我认为你的代码看起来像是:

Polymer({
    is : "my-element",
    openForm: function(e) {
            var model = e.model
            model.item.id, //think this will be the value
    color: function(c) {
        return "color:" + c;
    }
});