18

カスタム ボタンで ExtJS メッセージ ボックスを表示する方法。

カスタムメッセージと「キャンセル」および「非アクティブ化」ボタンを備えたメッセージボックスが必要です。アイデアをください。

buttons: [{
    text: "Cancel",
    handler: function () {
        Ext.MessageBox.hide();
        //submitTicketForm();
    }
},{
    text: "Deactivate",
    handler: function () {
        Ext.MessageBox.hide();
    }
}],

このように使用していますが、ボタンがありません。

4

4 に答える 4

16

ExtJS 4 では、次のように独自のコンポーネントを作成できます。

Ext.define('App.view.MyDialog', {
    /**
     * Shows the dialog.
     */
    show: function() {
        var dialog = Ext.create('Ext.window.MessageBox', {
            buttons: [{
                text: 'baz',
                iconCls: 'icon-add',
                handler: function() {
                    dialog.close();
                }
            }]
        });

        dialog.show({
            title: 'foo!',
            msg: '<p>bar?</p>',
            icon: Ext.MessageBox.WARNING
        });

        dialog.setHeight(160);
        dialog.setWidth(420);
    }
});

それから:

var dialog = Ext.create('App.view.MyDialog');
dialog.show();
于 2011-11-27T12:37:35.507 に答える
8

MessageBoxは、プロンプト、表示、アラートなどに使用される内部管理ウィンドウの単一インスタンスです。

次のようなshowの文字列を渡すことで、buttonTextを変更できます。

buttons: {ok: "Foo", cancel: "Bar"}

参照: MessageBox

buttons: { 
                ok: "Foo", 
                handler: function(){ 
                    Ext.MessageBox.hide(); 

                },
                cancel: "Bar",
                handler: function(){
                    Ext.MessageBox.hide();
                }
        }
于 2011-06-07T06:09:17.920 に答える
2

「ボタン」の代わりに「ボタンテキスト」を使用し、

buttonText: {ok: 'Deactivate', cancel: 'Cancel'},
fn: function(btn) {
    if (btn === 'ok') {
        Ext.MessageBox.hide();
    }  else {
        Ext.MessageBox.hide(); 
    } 
}
于 2014-08-07T06:00:56.283 に答える
0

ExtJS 4 と ExtJS 5 でボタンのカスタム テキストを設定するには、 と configs の両方を使用する必要がありbuttonsますbuttonText

buttons: [{
    Ext.Msg.OK
}],
buttonText: { 
    ok: "Custom text"
},
fn: function() { 
    // ...handle OK button
}
于 2014-12-15T07:51:49.813 に答える