Click 이벤트는

Question

나는 엽차 터치를 사용하여 목록을 작성 2.

var aroundList = Ext.create('Ext.List', { 
    itemCls : 'my-dataview-item', 
    id : 'aroundMeList', 
    itemTpl : '<div><img style="padding:1px; border-style:solid; border-width:1px; border-color:{trustColor}" src="' + localStorage.httpServerPrefix + '{imageURI}"/><span id="name">{fullname}</span><span id="time">{time}</span><p id="msg">{text}<span id="count">&nbsp;{replyCount}&nbsp;</span></p><p id="dist">&nbsp;< '+localStorage.radius+''+localStorage.unit+' '+'&nbsp;</p></div>', 
    store : aroundStore, 
    listeners : { 
     select : { 
      fn : this.onMessageClickedInAround, 
      scope : this 
     } 
    } 
}); 

이 같은 출력 (아니 정확히하지만,이 같은)

무엇입니까 사용자가 List의 첫 번째 행이나 첫 번째 항목을 클릭하면 onMessageClickedInAround 메서드를 호출합니다 (이 메서드는 해당 사용자의 메시지를 표시하기위한 것입니다). 위 코드를 볼 수 있습니다.

사용자가 목록의 그림을 클릭하면 해당 프로필 페이지 (즉, 한 명의 사용자가 목록의 이미지를 클릭하여 다른 사용자의 프로필을 볼 수 있음)가 필요하다는 요구 사항이 있습니다. is is 내가 할 수있는 방법이 있니? 목록 데이터 소스, 엽차 터치로 채우는 경우

Answer 1

를 사용되지 않습니다 해당 레코드를 itemTap 리스너로 전달합니다. 다음과 같이 할 수 있습니다.

listeners : { 
     itemtap: function (list, index, item, record) { 
      // Show next view based on current record 
     } 
    } 

이미지 탭에서만 수행하려는 경우 해당 수신기에서 이벤트를 확인할 수 있습니다.

listeners : { 
     itemtap: function (list, index, item, record, senchaEvent) { 
      if (senchaEvent.event.target.nodeName === 'img') { 
       // Show next view 
      } 
     } 
    } 

클래스를 <img>으로 줄 수 있습니다.

Answer 2

당신이

업데이트 다음과 같은 언급 한 바와 같이

var aroundList = Ext.create('Ext.List', { 
    // rest of your cfg 
    listeners : { 
     // other listeners 
     tap: { 
      fn: yourHandler, 
      element: 'element', 
      delegate: 'img' 
     } 
    } 
}); 

에 대한 이벤트 위임을 사용한다는

var aroundList = Ext.create('Ext.List', { 
    // rest of your cfg 
    listeners : { 
     // other listeners 
     el: { 
      tap: yourHandler, 
      delegate: 'img' 
     } 
    } 
});