Ext JS 4.0.7 でメッセージボックスを出す。

Ext JS 4.0.7 でダイアログボックスを出す時、
検索で、alert とか、confirm はすぐに出てきたが、
アイコンが指定できるダイアログボックスの出し方がすぐに出てこなかったのでメモしておく。

alertの場合:
Ext.Msg.alert(
    'ここがタイトルです。',
    'ここが本文のメッセージです。',
    function(){console.log('ここがボタン押下後のコールバック関数です。')}
    );


confirmの場合:

Ext.Msg.confirm(
'ここがタイトルです。',
'ここが本文のメッセージです。',
function(){console.log('ここがボタン押下後のコールバック関数です。')}
);


カスタマイズ可能なダイアログボックスの場合:

Ext.MessageBox.show( {
'ここがタイトルです。',
'ここが本文のメッセージです。',
buttons : Ext.MessageBox.OK, // ここでボタンの種類を指定します。
icon : Ext.MessageBox.WARNING // ここでアイコンの種類を指定します。
} );


ちなみに、アイコンとボタンの種類はこれです。

ボタンの種類 :OK、YES、NO、CANCEL、OKCANCEL、YESNO、YESNOCANCEL
アイコンの種類:INFO、WARNING、QUESTION、ERROR

また、アイコンの種類は、CSSで指定されているだけなので、
独自CSSを作成し、アイコンを好きなものを表示することが出来る…と思います。(タブン・オソラク・キット)

詳しくは、MessageBox.jsのソースを見ろ(笑

コメント

このブログの人気の投稿

ヨドバシカメラの店舗購入履歴を見るには…

C# の WPF の DataGrid で 行を交互に背景色を変える+選択色を変える+カラムが無い所も変える…

Visual Studio の ホットリロードが動かない場合に確認するところ