Sencha Touch (Ext.Container)에서 badgeText를 업데이트하는 방법

Question

현재 Sencha의 초보자이고 매장에서 Sencha Touch의 badgeText를 업데이트하려고합니다. Ext.Container, 아래 코드를 참조하십시오. 참조 감사합니다. 신의 축복.

Ext.define('XX.view.Menu',{ 
    extend: 'Ext.Container', 
    xtype: 'menu', 
    config: { 
     cls: 'mainmenu', 
     docked: 'left', 
     top: 0, 
     left: 0, 
     bottom: 0, 
     zIndex: 0, 
     width: 266, 
     padding: '0 0 0 0', 
     open: false, 
     scrollable: 'vertical', 
     defaultType: 'button', 
     defaults: { 
      textAlign: 'left' 
     }, 
     scrollable: { 
      indicators: false 
     }, 
     items: [{ 
      text: 'Home', 
      ui: 'mainmenu', 
      iconCls: 'home', 
      itemId: 'home' 
     },{ 
      text: 'Contact Us', 
      ui: 'mainmenu', 
      iconCls: 'form', 
      itemId: 'contactus' 
     },{ 
      text : 'Notifications', 
      ui: 'mainmenu', 
      badgeText: '0', 
      iconCls: 'form', 
      itemId: 'notifications' 
     }] 
    }, 

    setParent: function(parent) { 
     this.callParent(arguments); 

     this.maskCmp = parent.add({ 
      xtype : 'component', 
      cls  : 'mainmenu-mask', 
      top  : 0, 
      zIndex : 5000, 
      hidden : true, 
      width : 9999, 
      left : this.getWidth(), 
      bottom : 0 
     }); 

     this.maskCmp.element.on({ 
      scope : this, 
      touchend: 'onMaskRelease' 
     }); 

    } 




}); 

편집 :이 사람이 한 Sujata의에 따라 작동하고 - 탭 이벤트

 config: { 
    refs: { 
     notificationsMenuItem: 'menu #notifications' 
    }, 
    control: { 

     notificationsMenuItem: { 
      tap: 'notificationsItemTap' 
     } 
    } 
} 

notificationsItemTap: function(button){ 
    button.setBadgeText('1'); 
} 

편집 : UPDATE - 02 - 한 Sujata의 최신 회신에 따라 코드 수정 작업 :

config: { 
    refs: { 
     notificationsMenuItem: 'menu #notifications' 
    } 
}, 
    control: { 
     main: { 
      initialize: 'mainInitialize', 
      navigationMode: 'switchToNavigation' 
     } 
    }, 
    mainInitialize: function() { 
    this.getNotificationsMenuItem().setBadgeText('48'); 
} 

Answer 1

당신 setBadgeText 방법으로 설정할 수 있습니다. 버튼보기에 'name : "알림"필드를 추가하십시오. 컨트롤러에서 다음과 같이 버튼의 심판을받을 :

control: { 
    notificationsBtn : { 
     tap : function(btn) { 
      btn.setBadgeText('1'); // Get your store data and set 
     } 
} 

편집 :

refs: { 
    notificationsBtn : 'button[name="notifications"]' 
} 

버튼 탭 이벤트 가져 오기 -

메뉴 부하 당신의 배지 텍스트를 얻으려면을 다음과 같이 뷰의 초기화 메소드를 사용할 수 있습니다. -

refs: { 
     menu: 'menu', 
     notificationsBtn : 'button[name="notifications"]' 
    }, 
    control: { 
     menu : { 
     initialize : function(){ 
      this.getNotificationsBtn().setBadgeText('1'); 
     } 
    } 
    }