jsp中导入标签的技艺
日期：2014-05-16 浏览次数：20459 次
jsp中导入标签的技巧
可以一些公共导入的js放到一个jsp文件中来，当其它文件要引用这些js时，直接include
这个jsp页面就可以了，省去不少标签。常见的是使用ext,jquery必须要导入的一些js文件，
可以使用这种方式。
可以一些公共导入的js放到一个jsp文件中来，当其它文件要引用这些js时，直接include
这个jsp页面就可以了，省去不少标签。常见的是使用ext,jquery必须要导入的一些js文件，
可以使用这种方式。
引用
jqueryMaster.jsp
<!-- jquery必须引用页 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<% String root = request.getContextPath(); %>
<script type="text/javascript">
var root = "<%=root%>"; //js中存放当前页面的root路径方便调用
</script>
<script type="text/javascript" src="<%=root%>/Web/common/js/jquery-1.4.4.min.js"></script>引用
LoginInfoMain.jsp中使用include把js引用进来
<%@ page contentType="text/html; charset=UTF-8" language="java"
import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/Web/common/page/jqueryMaster.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css"
href="<%=root%>/Web/common/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
href="<%=root%>/Web/common/js/easyui/themes/icon.css">
<script type="text/javascript"
src="<%=root%>/Web/common/js/easyui/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="<%=root%>/Web/common/js/easyui/js/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet"
href="<%=root%>/Web/common/css/tooltip-form-style.css"></link>
<script type="text/javascript"
src="<%=root%>/Web/ospm/loginInfo/js/loginInfoMain.js"></script>
<script type="text/javascript">
$(function() {
$(":button").click(function() {//查询按钮绑定单击事件
var fields = $("form").serializeArray();
$.ajax({
type : "POST",
url : "<%=root%>/ospm/loginInfo/doLoginInfoSearch.action",
dataType :'text',
data : fields,
success : function(msg) {
}
});
});
});
</script>
</head>
<body>
<fieldset>
<legend>用户查询</legend>
<form action="">
<label for="username">用戶名</label><input type="text" name="username"
id="username" /> <input type="button" value="查询" title="查询" />
</form>
</fieldset>
<!-- 表格 -->
<table id="loginInfoTable" title="用户信息一览" border="0" cellspacing="0"
cellpadding="0" iconCls="icon-edit" width="100%" nowrap=false
idField="loginId" pagination="true" remoteSort="false"
singleSelect="false" showFooter="false" striped="true" page=1 rows=10
url="<%=root%>/ospm/loginInfo/doLoginInfoSearch.action">
<thead>
<tr align="center">
<th field="ck" width="20" checkbox="true"></th>
<th field="loginCode" width="200">用户名</th>
<th field="statuValue" width="100">状态</th>
<th field="opt" formatter='optFormater' width="150">操作</th>
</tr>
</thead>
</table>
<!-- 添加 -->
<div id="loginInfoAdd" icon="icon-save"
style="padding: 5px; width: 500px; height: 300px;">
<h5 id="loginInfoAdd_message" style="color: red;"></h5>
<div class="ToolTip_Form" id="table_loginInfoAdd"
onkeydown="if(event.keyCode==13){loginInfoAdd();}">
<ul>
<li><label>用户名：</label> <input type="text"
class="easyui-validatebox" id="loginInfoAdd_loginCode"
maxlength="20" required="true"></input>
</li>
<li><label>密码：</label> <input type="password"
class="easyui-validate
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
