Ext JS (1) 之Hello World

来源：互联网发布：java log4j%意思编辑：程序博客网时间：2024/06/05 11:29

开始对Ext Js做简单的介绍，希望这个StepByStep教程能对大家有所帮助。今天首先从一个最简单的例子开始：Hello World。

我们的测试环境，文件结构如下：

首先把Hello World的代码给出：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <title>Ext Hello World</title> <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" mce_href="resources/css/ext-all.css"/>   <mce:script type="text/javascript" src="../adapter/ext/ext-base.js" mce_src="adapter/ext/ext-base.js"></mce:script>  <mce:script type="text/javascript" src="../ext-all.js" mce_src="ext-all.js"></mce:script><SCRIPT LANGUAGE="JavaScript"></SCRIPT> </HEAD> <BODY> </BODY></HTML>

这段代码中ext-all.css是Ext的核心css文件，我们在后面的例子中都会用到这个文件。

ext-base.js是ext的核心库，相当于Ext的引擎，我们可以根据需要把它替换成其他的JS库，比如JQuery。

我们这里还用到了一个ext-all.js包含了Ext各种组件，其实这里还有一个ext-all-debug.js两者的区别是，前一个是生产环境下用的，后一个是调试环境下用的，包含了更多的调试信息。

在这个例子中:

这一段显示了一个Hello World的提示框，这里"Hello" 是提示框的标题，"world"是提示框的内容。