本实例使用ext-4.2.1.883版本。
在写项目时,需包含所须的Ext库,在页面中导入以下的代码:
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-lang-zh_CN.js" charset="utf-8"></script>
以下为一实例:
HelloWorld.html
<html>
<head>
<meta http-equiv="Content-Type" content ="text/html";charset="utf-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-lang-zh_CN.js" charset="utf-8"></script>
<script>
Ext.onReady(function()
{
Ext.MessageBox.alert("hello world","第一个实例!");
});
</script>
</head>
<body>
</body>
</html>
运行窗口如下: