ExtJS2.0实用简明教程 - ExtJS版的Hello-优快云博客

下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码：

 <html xmlns="" >
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>ExtJS</title>
 <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
 <script type="text/javascript" src="extjs/ext-all.js"></script>
 <script>
 Ext.onReady(function()
 {
 Ext.MessageBox.alert("hello","Hello,easyjf open source");
 });
 </script>
 </head>
 <body>
 </body>
 </html>

图1-11 hello.html页面效果

　　进一步，我们可以在页面上显示一个窗口，代码如下：

<script>
Ext.onReady(function()
{
var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>Hello,easyjf open source</h1>'});
win.show();
});
</script>

　　在浏览hello.html，即可得在屏幕上显示一个窗口，如图xxx所示。