ExtJS hello World

来源:互联网 发布:淘宝买灯具可靠吗 编辑:程序博客网 时间:2024/05/21 15:43

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

 <html xmlns="http://www.w3.org/1999/xhtml" >
 <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>

 

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

<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,即可得在屏幕上显示一个窗口 

原创粉丝点击