Ext JS 4.0.7 でメッセージボックスを出す。
Ext JS 4.0.7 でダイアログボックスを出す時、
検索で、alert とか、confirm はすぐに出てきたが、
アイコンが指定できるダイアログボックスの出し方がすぐに出てこなかったのでメモしておく。
alertの場合:
confirmの場合:
カスタマイズ可能なダイアログボックスの場合:
ちなみに、アイコンとボタンの種類はこれです。
ボタンの種類 :OK、YES、NO、CANCEL、OKCANCEL、YESNO、YESNOCANCEL
アイコンの種類:INFO、WARNING、QUESTION、ERROR
また、アイコンの種類は、CSSで指定されているだけなので、
独自CSSを作成し、アイコンを好きなものを表示することが出来る…と思います。(タブン・オソラク・キット)
詳しくは、MessageBox.jsのソースを見ろ(笑
検索で、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のソースを見ろ(笑
コメント
コメントを投稿