一個基本的ExtJS需要包括基本的ExtJS庫,主要是在解壓的ExtJS文件夾中,主要有locale文件夾、resources文件夾、src文件夾和bootstrap.js等js文件,如下圖所示:
新建一個index.html文件,其內容爲:
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8; user-scalable=no">
<title>歡迎來到ExtJS世界</title>
<link rel="stylesheet"type="text/css" href="resources/css/ext-all.css"/>
<script type="text/javascript"src="bootstrap.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.MessageBox.alert("你好","歡迎來到ExtJS!");
});
</script>
</head>
<body>
</body>
</html>
這是一個最基本的HTML內容,其中包含了對bootstrap.js的引用(早期版本可能有所不同),這個是必須的。Ext.onReady()函數表示準備Ext,加載網頁之後就會準備Ext,類似於load事件。Ext.MessageBox.alert()函數類似於alert函數,它有兩個參數,第一個參數表示消息窗體的標題,第二個參數爲顯示的內容。
在瀏覽器中打開該網頁的效果如下: