Extjs第一个示例Hello World

我也是Ext初学者，由于工作需要，前两个星期在淘宝上买了《深入浅出ExtJS》，今天才把书拿出来看。

高手们都说，要学好一门技术，首先要先去了解它的API，了解了API之后，以后遇到了问题可以直接查API。

不得不说，这个学习新知识的方法对于高手来说，确实是一种很好的方式。但是，说实话，我现在还得不到这样的水平，可能我比较感性。我觉得先把Hello World运行起来了，再去研究API，再去看examples或者源码或者API，这样的学习方式才比较适合我，如果Hello world都运行不起来，对于这个新知识的学习是有点难度的。好了废话不说了。我的例子是按照《深入浅出ExtJS（徐会生 编著）》这本书的操作来进行的。下面是操作步骤：

1、下载Ext开发包。由于书本使用的是4.2版本的，各个版本的结构可能还不大一样，为了保持跟书本一致，我下载的是4.2.1的，下载链接http://extjs.org.cn/node/645（4.2.1版本的）

2、将开发包解压缩。对于压缩包里的文件夹的说明，由于时间原因，级不在这里描述了，需要了解的可以到这里看看：http://www.2cto.com/kf/201208/146011.html

3、进入examples目录，新建一个helloworld目录，在目录下新建一个helloworld.html文档，将下面的代码复制到这个文件夹中：

<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../ext-all-dev.js"> </script>
<script type="text/javascript" src="../../examples/shared/examples.js" > </script>
<script>
Ext.onReady(function(){
 Ext.MessageBox.alert('helloworld', 'Hello world.');
});
</script>

4、双击打开helloworld.html文件,其效果如下图：

到此，我们的第一个extjs的helloworld就成功运行了。简单吧