2013-09-26 66 views
1

作爲extJs的新手,我試圖配置一個webapp來使用它。
的justdoit.jsp如下:從tomcat上的webapp渲染extJs

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"  pageEncoding="ISO-8859-1"%> 
<html> 
<head>  
<link rel="stylesheet" type="text/css" href="extJs/resources/css/ext-all.css" />  
<script src="extJs/adapter/ext/ext-base.js"></script>  
<script src="extJs/ext-all.js"></script>  
<title>Getting Started with Extjs</title>  
<script type="text/javascript">  
// Path to the blank image must point to a valid location on your server  
Ext.BLANK_IMAGE_URL = 'extJs/resources/images/default/s.gif';  
</script> 
</head> 
<body> 
Ext.onReady(function(){ 
    Ext.Msg.alert('Test Extjs', 'Hello World'); } 
    ); 
</body> 
</html> 

戰爭的爆炸結構爲:

justdoit.jsp 
extJs/ext-all.js 
extJs/adapter 
extJs/resources 
META-INF 
WEB-INF 
WEB-INF/web.xml 

然而,JSP獲取與呈現的文字,而不是任何有意義的ExtJS的現象:

Ext.onReady(function(){ Ext.Msg.alert('Test Extjs', 'Hello World'); }); 

怎麼了?
幫助表示讚賞

回答

1

onReady必須是<script type="text/javascript">標籤內。

然後你應該創建一個最終的<div id="grid">或其他什麼,並在你的<script>部分創建鏈接到grid的ExtJS結構。

+0

愚蠢的監督 - 最終腳本如下:<%@ page language =「java」contentType =「text/html; charset = ISO-8859-1」pageEncoding =「ISO-8859-1」%> 的Hello World <鏈接相對= 「樣式」 類型= 「文/ CSS的」 href = 「ExtJS的/資源/ CSS/EXT-all.css」/> \t <腳本類型=」 文本/ JavaScript的」 SRC = 「EXTJS/EXT-all.js」> \t <腳本類型= 「文本/ JavaScript的」> \t Ext.onReady (本功能ion(){ Ext.Msg.alert('Test Extjs','Hello World'); } \t); \t – IUnknown

+0

@IUnknown,恰巧大家。順便說一句,請你也可以投票答覆。謝謝。 – luiso1979