Extjs学习笔记之一初识Extjs之MessageBox_extjs

在其中新建一个my目录，以后所有的样例文件都新建在这个目录中。
1.Hello world!
先看一个Extjs版的Hello World网页的全部代码：
代码如下:









Ext.BLANK_IMAGE_URL = '../resources/images/default/s.gif';
Ext.onReady(function() {
Ext.MessageBox.alert('Hello', 'Hello world');
});




运行下，结果如下：

注意上面引入js文件的顺序不能颠倒，否则不能得到正确的结果。2.Ext.MessageBox
Ext.MessageBox实现了常见的提示框功能。Ext.Msg是和他完全相同的对象，只是名字不一样而已。Ext.Msg有常见的alert,confirm,promt,show等方法，都很简单。下面通过例子来说明。Extjs的函数参数可以用通常的逗号列表分隔,也可以传入一个具有参数名：参数值的对象。下面的例子也会有体现。
代码如下:







function alertClick() {
Ext.Msg.alert("alert", "Hello");
}

function showOutput(s) {
var area = document.getElementById("Output");
area.innerHTML = s;
}

function confirmClick() {
Ext.Msg.confirm('Confirm','Choose one please',showOutput);
}

function promptClick() {
Ext.Msg.prompt('Prompt', 'Try enter something',
function(id, msg) {
showOutput('You pressed ' + id + ' key and entered ' + msg);
});
}

function showClick() {
var option = {
title:'Box Show',
msg: 'This is a most flexible messagebox with an info icon.',
modal: true,
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.INFO,
fn:showOutput
};
Ext.Msg.show(option);
showOutput("Hi, a box is promting,right?");
}

AlertButton

ConfirmButton

PromptButton

ShowButton