如何在Ext.MessageBox的右上角嵌入自定義關閉按鈕Sencha Touch 2.0

Question

我想找到一種方法在Ext.MessageBox的右上角獲取關閉（X按鈕） Sencha Touch 2.0，當您點擊按鈕時，它將關閉MessageBox。

Answer 1

沒有滿足您需求的內置配置，因此您必須手動完成配置。

注意Ext.MessageBox只是一個float和modalExt.Container，這樣你就可以定製它像一個正常的容器。

讓我們嘗試這樣的事情（你可以編輯該代碼度過煎茶觸摸2文件位置：

http://docs.sencha.com/touch/2-0/#!/api/Ext.MessageBox

var box = Ext.create('Ext.MessageBox', 
         { 
          id: 'message-box', 
          title: 'title', 
          message: 'message', 
          items: [ 
           { 
           xtype: 'toolbar', 
           height: '40px', 
           docked: 'top', 
           items: [ 
            {xtype: 'spacer'}, 
            {xtype: 'button', 
             text: 'X', 
             ui: 'plain', 
             style: {padding: '5px'}, 
             handler: function(){Ext.getCmp('message-box').hide();} 
            }, 
           ], 
           } 
          ] 
         }); 
    box.show(); 

希望它可以幫助

Answer 2

你可能想看看。在這個不錯的教程： Add action buttons to floating sencha touch panels

解釋是爲ST1，但它可能h請您瞭解如何在ST2中實現這一目標。

希望這會有所幫助。