extjs - Sencha touch 确认框中的 Yes/No 按钮

Question

我在我的应用程序的注销选项上放了一个确认框。相同的代码如下：

var abc = Ext.Msg.confirm('Confirm logout', 'Are you sure you want to logout?', function(e)
 {
   if(e == 'yes')
     {
        // logout code
     }
 }
 );

确认框的按钮在是按钮之前不可见。

如何在“否”按钮之前显示“是”按钮？

任何帮助表示赞赏。

Answer 1

根据sencha touch源码（http://docs.sencha.com/touch/1-1/source/MessageBox.html#Ext-MessageBox-method-confirm）YESNO定义为“否，是”：

(function(){
    var B = Ext.MessageBox;

    Ext.apply(B, {
        OK     : {text : 'OK',     itemId : 'ok',  ui : 'action' },
        CANCEL : {text : 'Cancel', itemId : 'cancel'},
        YES    : {text : 'Yes',    itemId : 'yes', ui : 'action' },
        NO     : {text : 'No',     itemId : 'no'},
        // Add additional(localized) button configs here

        // ICON CSS Constants
        INFO     : 'x-msgbox-info',
        WARNING  : 'x-msgbox-warning',
        QUESTION : 'x-msgbox-question',
        ERROR    : 'x-msgbox-error'
    });

    Ext.apply(B, {
        OKCANCEL    : [B.CANCEL, B.OK],
        YESNOCANCEL : [B.CANCEL, B.NO, B.YES],
        YESNO       : [B.NO, B.YES]
        // Add additional button collections here
    });

})();

您可以使用 Ext.override 在您自己的应用程序中覆盖此功能：

Ext.override(Ext.MessageBox, {
    YESNO: [Ext.MessageBox.YES, Ext.MessageBox.NO]
});

Answer 2

您可以像 ST2.1 中的以下代码一样覆盖，也可以使用它在 YES/NO 按钮中实现本地化。

Ext.MessageBox.override({
        confirm: function(title, message, fn, scope) {
        return this.show({
            title       : title || null,
            message     : message || null,
            buttons     : [
            {text: 'Yes', itemId: 'yes', ui: 'action'},
            {text: 'No',  itemId: 'no'}
        ],
            promptConfig: false,
            scope       : scope,
            fn: function() {
                if (fn) {
                    fn.apply(scope, arguments);
                }
            }
        });
    }

        });

Answer 3

这很容易试试这个

Ext.Msg.confirm("Logout", "Are you Sure u want to LogOut?", function(btn){
  if (btn == 'yes'){
    Ext.Viewport.setActiveItem({xtype:"Home"});   // which page wants to redirect
  }
});

Answer 4

我试过了，对我有用：

试试这个解决方案：

<script type="text/javascript">
     (function () {
        Ext.override(Ext.MessageBox, {
            buttonText: { yes: "Sí", no: "No", cancel: "Cancelar" }
        });
      })();
</script>

Answer 5

 Ext.Msg.show({
                    title: '提示',
                    message: '是否继续?',
                    width: 300,
                    buttons: [
                        {text: '是', itemId: 'yes', ui: 'action'},
                        {text: '否', itemId: 'no'}
                    ],
                    fn: function (buttonId) {
                        alert('You pressed the "' + buttonId + '" button.');
                    }
                });