冷雨在线
EasyJWEB,JavaScript,Spring,JPA,MySql
半路出家,现在混JAVA.
我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>《ExtJS2.0实用简明教程》之ExtJS版的Hello
《ExtJS2.0实用简明教程》之ExtJS版的Hello
    作者:小雨 来源: 发表时间:2008-02-17

 
 

 《ExtJS实用开发指南》印刷版3月10号推出,赶快去看看吧。  

  下面我们写一个最简单的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>

 

图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所示。

 

 

(版权声明:本人Blog上的所有文章版本均归EasyJF开源的冷雨所有,受法律保护,可以在互联网上进行转载,转载必须保留作者版权声明及链接;未经本人书面许可,不得把本人Blog上的文章用于出版、发行或其它商业用途。)

 
上一篇:应用ExtJS    下一篇:Ext类库简介

 
 

(阅读 )   评论数(:2)
评论】 【收藏】
评论:共2条
为何看不到代码?
评论人: adamed     评论时间: 2008-02-28 10:59:26
我也看不到代码啊,郁闷中。。。
评论人: ak_cwinner     评论时间: 2008-02-29 11:14:45

发表评论:
发表人:
评论: 
    
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率