Question

使用Polymer for PhoneGap我想为核心列表项添加一个tap事件，以便知道列表中的哪个元素被点击。

我尝试了什么：

<core-list id="list" name="list" attributes="" height="120" style="height:100%;" selectionEnabled="true" on-core-select="{{selectedHandler}}">
                <template>
                     <core-card id="core_card" layout vertical>
                         <div class="row {{ { selected: selected } | tokenList }}">
                             <div flex>
                                 <core-image style="width:100%; height:200px; border-top-left-radius: 7px;
                                     border-top-right-radius: 7px; background-color: lightgray;" src="{{model.event_image}}" sizing="cover" preload>
                                 </core-image>
                                 </br>
                                 <div style="text-transform: none;padding-left:10px;padding-top:10px">{{model.event_title}}</div>
                                 <div style="text-transform: none;padding-left:10px;padding-top:10px">{{model.event_location}}</div>
                                 </br>
                                 <div style="height:1px;width:100%;background:#999"></div>
                                 <div style="text-transform: none;padding-left:10px;padding-top:8px;color:#999">READ MORE</div>
                             </div>
                         </div>
                    </core-card>
                    <div style="height:10px"></div>
                </template>
                <script>
                    (function () {
                     Polymer({
                             is: "list",
                             selectedHandler: function(e, detail, sender) {
                                alert('aa');
                             }
                             });
                     })();
                    </script>
            </core-list>

但是从列表中点击项目时不会显示警告对话框。有谁知道我在这里做错了什么？

提前感谢您的时间。

Answer 1

你可以采取的一种方法是在组件中观察这个。$。list.selection，因为它将使用所选的项目进行更新。

聚合物核心列表项目点击事件

1 个答案: