단추 아이콘에 메시지 상자 추가

Question

사용자가 특정 단추를 클릭 할 때 메시지 상자를 추가하려고합니다. 버튼 아이콘 아무것도 클릭하면 전혀 발생,

{ 
           text: 'Button Icon', 
           id: 'buttonIcon', 
           cls: 'x-btn-text-icon', 
           launch: function() { 
            Ext.MessageBox.show({ 
             title: "", 
             msg: "Message Text", 
             icon: Ext.MessageBox.WARNING, 
             buttons: Ext.MessageBox.OKCANCEL, 
             fn: function(buttonIcon) { 
              if (buttonIcon === "ok") { 
               alert("Done!") 
              } 
             } 
            }); 
           } 

오른쪽 깍는와 나는 내가 입력 한 메시지를 표시해야합니다 이것은 내가 가지고있는 코드입니다. 도와주세요.

Answer 1

단추에는 실행 기능이 없으므로 대신 처리기 기능을 사용해야합니다. 이처럼

:

{ 
    text: 'Button Icon', 
    id: 'buttonIcon', 
    cls: 'x-btn-text-icon', 
    handler: function() { 
     Ext.MessageBox.show({ 
      title: "", 
      msg: "Message Text", 
      icon: Ext.MessageBox.WARNING, 
      buttons: Ext.MessageBox.OKCANCEL, 
      fn: function(buttonIcon) { 
       if (buttonIcon === "ok") { 
        alert("Done!") 
       } 
      } 
     }); 
    } 
}