에 extjs 물고기 눈 메뉴 사용자 지정 이벤트

Question

내가 메뉴에 대한 사용자 정의 리스너를 추가하는 방법 코드

var fm = new Ext.ux.FisheyeMenu({ 
    renderTo : 'dataView', 
    itemWidth : 60, 
      items : [{ 
       text: 'Map', 
     imagePath: 'images/table_48.png', 
     url: 'http://maps.google.com' 
      }, { 
       text: 'Photo', 
     imagePath: 'images/table_48.png', 
     url: 'http://picasaweb.google.com' 
      }] 


     }); 

를 사용하여 extjs라는 물고기 눈 메뉴를 만들었습니다. 메뉴 항목을 클릭하면 해당 메뉴 항목의 텍스트를 가져와야합니다. 나는

listeners: { 
     click: function() { 

................ }

을 시도했지만 이것은 우리가이 작업을 수행 할 수있는 방법 작동하지 않습니다. 아무도 샘플 코드 붙여 넣기

Answer 1

Fisheyemenu에 대한 클릭 이벤트가 없습니다. 구성 요소에는 change 이벤트가있어 메뉴 컨테이너 내부의 모든 클릭을 모니터링합니다. 다음을 사용해야합니다.

listeners: { 
    change : function(menu,targetItem,index) { 
    // Your logic according to index or clicked item (targetItem) 
    } 
} 

이 구성 요소에 대한 자세한 내용은 docs을 참조하십시오!