自定義Ext.window.MessageBox ExtJS 4

Question

使用Ext.window.MeassageBox作爲確認對話窗口。

代碼是這樣的：

deleteSomething: function(grid, row, col) { 
    var ids = [ grid.store.getAt(row).get('id') ]; 

    function deleteSomething (btn, text) { 
     if(btn === 'yes') { 
      Ext.Ajax.request({ 
       url: 'data/deleteSomething.php', 
       params: { 
        'ids': Ext.encode(ids) 
       }, 
       success: function(response) { 
        //perform some actions 
       } 
      }); 
     } 
    } 

    Ext.MessageBox.show({ 
     animEl: 'elId', 
     buttons: Ext.MessageBox.YESNO, 
     fn: deleteSomething, 
     msg: Locale.gettext('Are you sure you want to remove the selected thing?'), 
     title: Locale.gettext('Delete?') 
    }); 
} 

我想申請信息欄，然後規模一些CSS規則：「中」與右側對齊的按鈕。有沒有任何方法來實現它沒有擴展MessageBox？

Answer 1

您是否嘗試添加buttons屬性，如下所示？

Ext.MessageBox.show({ 
    buttons: [ 
     {text: 'YES', scale: 'medium'}, 
     '->', 
     {text: 'NO', scale: 'medium} 
    ] 
}); 

編輯： 爲什麼我們不使用一個簡單的window成分？

var winDelete = new Ext.Window({ 
    width: 300, 
    modal: true, 
    closeAction: false, 
    title: 'Are you sure to delete this record?', 
    closable: false, 
    html: '<span>The selected records will remove from the list.<br/>Are you sure?</span>', 
    buttons: [ 
     { 
      text: 'YES', 
      scale: 'medium', 
      cls: 'btn-delete-yes', 
      listeners: { 
       click: function() { 
        deleteSomething(); 
       } 
      } 
     }, '->', 
     { 
      text: 'NO', 
      scale: 'medium', 
      cls: 'btn-delete-no', 
      listeners: { 
       click: function() { 
        winDelete.close(); 
       } 
      } 
     } 
    ] 
});