ExtJS 4.2 系列教程（1）：Hello ExtJS4

時間 2019-11-24

標籤 extjs 4.2 系列教程 hello extjs4 简体版

原文原文鏈接

一、下載ExtJS
javascript

http://www.sencha.com/css

我下載的版本是 ext-4.2.1.883html

二、使用Eclipse建立Dynamic Web Project ，不懂的自行google（今天下午完全掛了）or 百度java

三、引入ExtJS庫
bootstrap

複製ext目錄下的resources文件夾到WebRoot的static路徑下，裏面包含ext提供的主題和css文件服務器
複製bootstrap.js、ext-all.js、ext-all-debug.js三個文件
jsp
複製locale中ext-lang-zh_CN.js中文語言包（可選）測試

四、新建index.jsp文件google

在head引入上述Extjs庫
debug

<link rel="stylesheet" type="text/css" href="static/ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="static/ext/bootstrap.js"></script>
<script type="text/javascript" src="static/ext/locale/ext-lang-zh_CN.js"></script>

五、修改bootstrap.js文件

找到

  document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-dev' : '') + '.js"></script>');

修改成：

  document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-debug' : '') + '.js"></script>');

六、在index.jsp的body中編寫測試用例

<script type="text/javascript">
	Ext.onReady(function(){
		Ext.MessageBox.alert("hello","Hello,ExtJS4");
	});
</script>

七、部署到Tomcat服務器，運行 http://localhost:8123/ext/index.jsp

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。