2016-01-04 40 views
0

使用Polymer for PhoneGap我想添加一個核心列表項目的點擊事件來知道列表中的哪個元素被點擊。聚合物核心列表項目點擊事件

我已經試過:

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

但攻從列表中選擇項目時不顯示的警告對話框。有誰知道我在這裏做錯了嗎?

提前感謝您的時間。

+0

聽起來像是重複的http://stackoverflow.com/questions/31888111/tap-listener-for-polymer-iron-list-item –

+0

@GünterZöchbauer我仍然不能使它的工作,該示例不是一個核心列表。 – dorin

+0

對不起,我錯過了。你不使用Polymer 1.x?我認爲'core- *'與Polymer 1.x不兼容,還是它們? AFAIK鐵名單是核心名單的繼任者。 –

回答

0

你可以去的一種方法是觀察這個。$。list.selection在你的組件中,因爲它將被選中的項目更新。