extjs 之helloworld

<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../examples.js"></script>
<script language="javascript">

Ext.onReady(function()
{
var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>extjs框架已经加载!!</h1>'});
win.show();
});
</script>
这是我的第一个extjs的helloworld程序,是用extjs2.0做的

 

部署步骤;

1.下载extjs2.0包文件.解压

2.在下载的extjs2.0包examples中建立,helloworld文件夹.方便测试,名称随便!!

3.<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../examples.js"></script>

顺序加载,文件(1)ext-all.css;(2)ext-base.js;(3)ext-all.js;注意顺序.

以后会,继续贴出extjs程序的,呵呵!!大家共同学习!!