extjs如何在jsp中使用
1个回答
推荐于2017-11-25
展开全部
首先将extjs文件夹复制到WebRoot目录下,然后新建JSP
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="jsp.index.js"></script>
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/db_browser.css">
</head>
<body>
</body>
</html>
然后建相应的JS文件
Ext.onReady(function(){
Ext.Msg.alert('ExtJs' ,'这是一个ExtJs的对话框。');
});
或者把上面这段代码放到JSP中也可以。
启动服务器,打开浏览器就可以看到效果了。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="jsp.index.js"></script>
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/db_browser.css">
</head>
<body>
</body>
</html>
然后建相应的JS文件
Ext.onReady(function(){
Ext.Msg.alert('ExtJs' ,'这是一个ExtJs的对话框。');
});
或者把上面这段代码放到JSP中也可以。
启动服务器,打开浏览器就可以看到效果了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询