繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ExtJS 2.0实用简明教程 之ExtJS版的Hello
- Javascript
- JavaScript Break 和 Continue区别教程
- JavaScript 特殊字符
- JavaScript 指导方针
- JavaScript进阶教程(第四课第一部分)
- JavaScript初级教程(第一课)
- JavaScript初级教程(第五课续)
- JavaScript进阶教程(第一课)
- JavaScript进阶教程(第二课)
- JavaScript进阶教程(第二课续)
- JavaScript进阶教程(第三课)
- JavaScript进阶教程(第三课第二部分)
- setTimeout在类中使用的问题！
- 如何解决attachEvent函数时，this指向被绑定的元素的问题？
- js检测客户端不是firefox则提示下载
- 在页面上点击任一链接时触发一个事件的代码
- 仿豆瓣分页原型(Javascript版)
- javascript表格控件：Chgrid，简化型
- 收集的网上用的ajax之chat.js文件
- 给网站上的广告“加速”显示的方法
- 在JavaScript中通过URL传递汉字的方法
Javascript 中的 ExtJS 2.0实用简明教程 之ExtJS版的Hello
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 250 ::
收藏到网摘: n/a
下面我们写一个最简单的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，即可得在屏幕上显示一个窗口，如图xxx所示。
评论 (0) All
